Can I use webpack to generate CSS and JS separately?

I have: JS files that I want to bundle. LESS files that I want to compile down to CSS (resolving @imports into a single bundle). I was hoping to specify these as two separate inputs and have two...

Add Favicon with React and Webpack

I am attempting to add a favicon to a React-based website that I made using webpack. It has been a total nightmare to add a favicon and I have tried many solutions to no avail. The latest solution...

An import path cannot end with '.ts' - NodeJS and Visual Code

I've got an error while trying to build a simple NodeJS app: Even that Visual Code prompts an error, my code got running.. When I remove the .ts extension from import statement, I got an error...

Webpack, html-webpack-plugin, Error: Child compilation failed

I 've got a problem with my webpack configuration. After implementing html-webpack-plugin I got an Error, there's whole error stack from generated index.html. Error Stack: Html Webpack Plugin: ...

Moving to Webpack

9 months ago I was struggling with Webpack One: [ https://stackoverflow.com/questions/39753642/switching-from-gulp-to-webpack ] *UPDATE 30.04.20* I have to update this because now everything is a...

Angular 4 - webpack: wait until bundle finished: /

I am using Angular-Cli and I have updated all of my package.json using the ncu tool. Now when I do a npm start (webpack-dev-server --port 4200 --config config/webpack.dev.js --open --progress...

How to remove ESlint error no-unresolved from importing 'react'

no-unresolved https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-unresolved.md After installing eslint-import-resolver-webpack My .eslintrc config { "extends":...

How to solve npm install throwing fsevents warning on non-MAC OS?

Following warning is being thrown on npm install command - npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\rea ct-scripts\node_modules\fsevents): npm WARN notsup...

Module not found: Error: Can't resolve 'sass-loader'

New to webpack. Trying to get sass-loader to play nice with my react project, have followed tutorials. Config seems correct, but result is always "Can't resolve 'sass-loader'". I suspect this is...

"Web process failed to bind to $PORT within 60 seconds of launch" when deploying Webpack App to Heroku

I am trying to deploy my Webpack application to Heroku. I am using 'npm run dev' as the command in my Procfile. I have set DEFAULT_PORT = process.env.port || 8080 in...

<div id="root"></div> not transfering in webpack build

I'm using Webpack 3.8.1 and webpack-dev-server 2.9.2. This is for a project I am writing in react. Below is my webpack.config file. Every time that I run the build command the is not...

Cannot find module create-react-app/script/start.js

something has changed in my program structure and due to its complexity i cannot exactly point where the problem. Ever since my application crushed and no longer working i have tried different...

Node Sass does not yet support Windows 64-bit

I am running protractor UI automation project and try to run test with yarn test and received following build error Module build failed: Error: Node Sass does not yet support your current...

Using PurgeCSS, TailwindCSS, and Webpack

I am trying to set up webpack for a static site built with TailwindCSS. I am trying to use PurgeCSS to make my css file and get rid of anything unused and I do not believe it is working. It will...

GatsbyJS blog not compiling anymore after "npm update"?

If it's a Gatsby, webpack or npm issue i don't understand yet. I did these commands in terminal and they seem to have started the issue, trying to fix a material-ui "Popper" module that had a...

Cannot find type definition file for 'node' in Typescript/React app

I noticed not too long ago, whenever I try to start my app, I receive plenty of Cannot find name 'require' and Cannot find type definition file for 'node' and a Cannot find type definition for...

Why is my vue.config.js file not working?

I want to deploy my app and for that i need the vue.config.js file for a target url. But everything i place in this file (i had to create it myself), is not working. not the outputDir for the...

CSS Loader has been initialised using an options object that does not match the API schema

Production build fails with the following error: ValidationError: Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema. - options has...

react-native-web how to configure webpack

I wanted to package the reaction-native project and use it directly on the web side, but kept reporting errors during bundle and startup,I also want to package the node_module。Here are my...

Cannot install Firebase for VueJS + NodeJS

I am using vueJS to build an authentication (login) page with Firebase, each time when I run: npm run serve I have the same error asking me to install Firebase: `Failed to compile with 7 errors ...

vue.js - I'm getting an error when running my project

sudo npm run serve > [email protected] serve /home/shinier01/Projetos/EstudanaIrlanda/frontend-estudenairlanda > vue-cli-service serve INFO Starting development server... 12% building 20/21...

npm install -D sass-loader node-sass Vue.js 2021

Hi issue is setting up SASS for Vue.js I run: Node.js - 15.7.0 Vue.js - @vue/cli 4.5.11 This is an error in the console I am having while running this command: npm install -D sass-loader...

Webpack error "Module build failed: ERR_INVALID_ARG_TYPE"

I'm pretty new to react and am having some issues with web pack. All I'm trying to do is import a SVG file into my react project. I'm lost as to what is causing this as it doesn't give me much...

why when put link css,scss in html give me error

<link rel="stylesheet" type="text/css" href="scss/styles.scss"> <link rel="stylesheet" type="text/css" href="css/styles.css"> /*webpackconfig.js*/ var path = require("path"); var...

Electron-forge npm run make "Error: The main entry point to your app was not found."

My electron app is in its final stage where I try to use electron-forge to make it into an executable. Running it through npm run start gave no problem, however when running npm run make new...

How to Use React Suite with tailwind css in Next.js?

Description I want to use React Suite and tailwind so I install tailwind following the installation instructions from the documentation and it's working fine, but when I install React Suite and...

TypeError: webpack.optimize.UglifyJsPlugin is not a constructor

I'm experiencing a TypeError and am unsure how to resolve it. I look forward to any help you can provide. The following is the terminal output from yarn run build: BUILD_DIR...

npm install failing with error "error Build failed with error code: 1"

i am running npm install command on my project but getting error Build failed with error code: 1 Part of the log posted below. 0 verbose cli [ 0 verbose cli 'C:\\Program...

ESlint - Error: Must use import to load ES Module

I am currently setting up a boilerplate with React, Typescript, styled components, webpack etc. and I am getting an error when trying to run eslint: Error: Must use import to load ES Module Here...

How to add Autocomplete, Syntax Highlighting using Antlr4 grammar file functionality to Monaco Editor in my React application?

I am using the Monaco Editor in a react app in the following way: My monaco-editor.jsx looks like - import MonacoEditor from 'react-monaco-editor'; return ( <Flex> <Flex.Box> ...