Encountering an issue with the command "npm run build" throwing an error during execution

Encountering an error while executing npm run build: Looking for assistance to resolve this issue.

Contents of Package.json file:

{
  "name": "confusion",
  "version": "1.0.0",
  "description": "This is a website for Ristorante Con Fusion",
  "main": "index.html",
  "scripts": {
    "start": "npm run watch:all",
    "test": "echo \"Error: no test specified\" && exit 1",
    "lite": "lite-server",
    "scss": "node-sass -o css/ css/",
    "watch:scss": "onchange \"css/*.scss\" -- npm run scss",
    "watch:all": "parallelshell \"npm run watch:scss\" \"npm run lite\"",
    "clean": "rimraf dist",
    "copyfonts": "copyfiles -f node_modules/font-awesome/fonts/* dist/fonts",
    "imagemin": "imagemin img/* --out-dir=dist/img",
    "usemin": "usemin contactus.html -d dist --htmlmin -o dist/contactus.html && usemin aboutus.html -d dist --htmlmin -o dist/aboutus.html && usemin index.html -d dist --htmlmin -o dist/index.html",
    "build": "npm run clean && npm run imagemin && npm run copyfonts && npm run usemin"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "cssmin": "^0.4.3",
    "htmlmin": "0.0.7",
    "lite-server": "^2.5.4",
    "micromatch": "^4.0.2",
    "node-sass": "^4.14.1",
    "onchange": "^3.3.0",
    "parallelshell": "^3.0.1",
    "rimraf": "^2.6.2",
    "uglify-js": "^3.11.6",
    "usemin-cli": "^0.6.0"
  },
  "dependencies": {
    "bootstrap": "^4.0.0",
    "bootstrap-social": "^5.1.1",
    "font-awesome": "^4.7.0",
    "jquery": "^3.3.1",
    "popper.js": "^1.12.9"
  }
}

Encountered ERROR:

PS I:\Projects\Bootstrtao-test> npm run build

> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e0838f8e869593898f8ea0d1ced0ced0">[email protected]</a> build I:\Projects\Bootstrtao-test
...

Seeking suggestions on how to address this issue?

Answer №1

After identifying the error stating "Unsupported format: CSS", I took it upon myself to resolve the issue. Upon reviewing my index.html file, I noticed the following code snippet:

<!--build:CSS CSS/main.css-->
   .....
 <!--endbuild-->

It became apparent that the problem lied in the case sensitivity of "CSS". The correct usage should be in lowercase as "css". After rectifying this oversight and addressing other issues within my HTML file, the build process was finally successful.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Module 'aproba' could not be located

I currently have node.js version 10.15.0, Angular CLI version 1.7.3, and Angular version 5.2.9. However, whenever I attempt to install new npm packages or update my existing npm, an error is thrown as shown in the following image: my code This is how my ...

importing styles into a Vue component using the npm package

I recently developed a Vue component package and published it on npm. I am facing an issue where the styles of the component are not loading properly. The command I used to build the package was: vue-cli-service build --target lib --name test-package ./sr ...

Exploring the process of transforming a dynamic PDF into a static PDF using PHP or NodeJS

Issue I am looking for a PHP/NodeJS API that can convert editable PDF files to non-editable PDFs online. Our client application requires the user to download PDF files that cannot be modified using software like Foxit Reader or Adobe. We are currently us ...

How can I implement conditional cell rendering on the MUI Datagrid depending on the checkboxSelection?

I need help creating a dynamic cellRender function in a datagrid that will remove a number counter component from a row when its checkbox is checked. Is it possible to achieve this using params? If not, what alternative approaches could I take? const colu ...

Error encountered during Angular boot process due to npm running lifecycle script ELIFECYCLE

I encountered an issue while trying to boot up my Angular project. I attempted to install necessary plugins, but ran into some errors. { "name": "portal-app", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", "start": "ng ser ...

"Unlocking the Potential: Maximizing the Benefits of the top.gg Vote Web

My bot has been verified on top.gg, and I'm looking to offer rewards to users who vote for my bot. How can I detect when someone votes for my bot, get their ID, check if it's the weekend, and take action after the vote? Essentially, how do I util ...

Can the node_modules folder be archived from the project and subsequently uploaded to the Nexus Repository Manager?

An exclusive network initiative is searching for a package solution. Is there a way to efficiently upload all modules from the "node_modules" folder to Nexus Repository Manager in one go? If this can be accomplished, what steps should I take to achieve it ...

Having trouble displaying an array in Handlebars on a Node.js and Express server?

I am facing a challenge with handlebars that has me feeling stuck. This is my second day attempting to solve it, but I seem to be hitting a roadblock. My goal is to incorporate handlebars for the first time in order to add some dynamism to the web page I ...

What are the ways to change a PDF file or web address into a DOCX document using NodeJS?

I've been doing some research on converting URLs to DOCx or PDF to DOCx in NodeJS, but I haven't found a proper solution yet. I tried reaching out to PhantomJS, but it only converts URLs to PDF. Do you have any idea if PhantomJS can convert to D ...

Efficiency of Promise-based parallel insert queries in MySQL falls short

I have developed a code in Node.js to execute insert queries using Promise.js but unfortunately, I am encountering an exception stating "Duplicate Primary Key" entry. Here is the snippet of the code: var Promise = require("promise"); var mySql = requir ...

Encountering a User Agent error while trying to update Vue to the latest version using N

I was interested in experimenting with staging.vuejs. When I tried to install it using the command npm init vue@latest, I encountered an error. Here is the link for reference: https://i.stack.imgur.com/rCipP.png SPEC Node : v12.13.0 @vue/cli : v4.5.15 ...

"Despite using the setHeader function in express.js to set a cookie, an empty cookie is still being

customer: <a href="http://localhost:3001/user/login">Login</a> server: const token = jwt.sign({ broadcasterId: user.twitchId }, process.env.JWT_SECRET); res.writeHead(301, { "Location": "http://localhost:3000" ...

Error: The term "User" has not been previously defined

I encountered an issue while attempting to authenticate via vkontakte (vk.com) using passport-vkontakte. Error: A ReferenceError: User is not defined Below is the content of my auth.js file. var express = require('express'); var passport ...

Transferring information between AngularJS and Express/Node without using AJAX

My application is built using AngularJS on a node/express backend, with user authentication handled by passport. After a user signs in or signs up, the communication between my Angular controllers and express is done through $http ajax/xhr calls. The form ...

Having trouble installing handlebars on Node using the command line

I've been attempting to integrate handlebars with node using the instructions from my book. The guide advised me to install handlebars like so: npm install --save express3-handlebar. However, this resulted in an error npm WARN deprecated express3-han ...

Locate a subdocument by its unique identifier using the value in the main document

Suppose I have a document with the following structure: { selectedId: ObjectId("57b5fb2d7b41dde99009bc75"), children: [ {_id: ObjectId("57b5fb2d7b41dde99009bc75"), val: 10}, {_id: ObjectId("57b5fb2d7b41dde99009bc75"), val: 20}, ...

When navigating using links in NodeJS+Express, I am unable to load the CSS files

I am a beginner with Node.js. Below is the code I used to make the server run in index.js: var express = require('express'), views = require('./routes/views'); var app = express(); // Get an instance of router //var router = ex ...

Encountered issues during deployment on Heroku platform using npm and Java

Previously, I had challenges installing a Java module on localhost but managed to resolve it using the steps outlined in this post: https://github.com/nodejs/node/issues/10289. It worked well on localhost, and now I am attempting to deploy my app on Heroku ...

Updating halts when connected to websocket node on multiple devices

Currently, I am delving into the world of websockets. The code snippet provided below is part of a tutorial that I have been experimenting with. When I connect to it using a react app, the date updates every second as expected. However, when I try to conne ...

The npm error message states: "Unable to locate the 'readable-stream' module."

Recently, I installed node js on my Windows 10 machine with version v4.4.2. However, whenever I attempt to run npm install or check npm version, it throws the following error message. Any assistance on this matter would be highly appreciated. Error: Canno ...