I am getting this error when I am not even using webpack in this particular branch. I have never encountered this error in my main branch before. However, I wanted to learn webpack so I created a webpack branch of my project and install webpack in that branch(Assuming that I did correctly install webpack locally). Now when I switch back to my main, and tried to run "npm start". I am getting into this error.
> react-scripts start
module.js:550
throw err;
^
Error: Cannot find module 'webpack'
at Function.Module._resolveFilename (module.js:548:15)
at Function.Module._load (module.js:475:25)
at Module.require (module.js:597:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (C:\Users\pzheng\my-app\node_modules\webpack-dev-server\lib\Server.js:22:17)
at Module._compile (module.js:653:30)
at Object.Module._extensions..js (module.js:664:10)
at Module.load (module.js:566:32)
at tryModuleLoad (module.js:506:12)
at Function.Module._load (module.js:498:3)
When I tried to run "npm run build", this error appears instead:
Error: Cannot find module 'webpack/lib/Chunk'
at Function.Module._resolveFilename (module.js:548:15)
at Function.Module._load (module.js:475:25)
at Module.require (module.js:597:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (C:\Users\pzheng\my-app\node_modules\extract-text-webpack-plugin\dist\index.js:17:14)
at Module._compile (module.js:653:30)
at Object.Module._extensions..js (module.js:664:10)
at Module.load (module.js:566:32)
at tryModuleLoad (module.js:506:12)
at Function.Module._load (module.js:498:3)
at Module.require (module.js:597:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (C:\Users\pzheng\my-app\node_modules\extract-text-webpack-plugin\dist\cjs.js:3:18)
at Module._compile (module.js:653:30)
at Object.Module._extensions..js (module.js:664:10)
at Module.load (module.js:566:32)
Many SO posts suggesting downloading webpack, but I do not wish to use webpack for this branch, so many SO posts are not helpful.
What I have tried:
I checked my package.json file, there is no webpack dependency in my main branch. However, I do see webpack in my package.lock.json file when I search for the word webpack
What I am using:
I am using create-react-app library.
What I need help with:
I am trying to figure out the cause of this error and how to fix it. Does it have to do with me installing webpack in the other branch?
I faced this when I was trying to use react-scripts in an existing react app that wasn't scaffolded using create-react-app. The problem was the package-lock file. Deleting node_modules and package-lock.json and running npm install did the trick for me.
Ok, this is weird but this is how I fixed it.
I think this error has to do with "react-script"
I was using react-script#1.3, as soon as I upgrade my react script to 2.1.3, which is the latest version published 4 days ago, this error is fixed.
You are using CRA (Create React App) which is already using webpack (with it's own config file). CRA offers the option to 'eject', which will expose the webpack config file that you can then modify and play with. If you do choose to eject, do so on another branch (in case you decide to go back). Be aware that ejecting is non-reversible.
Hope this helps!
Related
I'm setting up my dev environment on a fresh system. In my project folder:
npm install
npm run serve
And got this:
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: [BABEL] /Users/user/Documents/project/editor/src/main.js: Cannot find module '#babel/compat-data/corejs3-shipped-proposals'
Require stack:
- /Users/user/Documents/project/editor/node_modules/#babel/preset-env/lib/polyfills/corejs3/usage-plugin.js
- /Users/user/Documents/project/editor/node_modules/#babel/preset-env/lib/index.js
- /Users/user/Documents/project/editor/node_modules/#vue/babel-preset-app/index.js
- /Users/user/Documents/project/editor/node_modules/#vue/cli-plugin-babel/preset.js
- /Users/user/Documents/project/editor/node_modules/#babel/core/lib/config/files/plugins.js
- /Users/user/Documents/project/editor/node_modules/#babel/core/lib/config/files/index.js
- /Users/user/Documents/project/editor/node_modules/#babel/core/lib/index.js
- /Users/user/Documents/project/editor/node_modules/#vue/cli-plugin-babel/index.js
- /Users/user/Documents/project/editor/node_modules/#vue/cli-service/lib/Service.js
- /Users/user/Documents/project/editor/node_modules/#vue/cli-service/bin/vue-cli-service.js (While processing: "/Users/user/Documents/project/editor/node_modules/#vue/cli-plugin-babel/preset.js")
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:966:15)
at Function.Module._load (internal/modules/cjs/loader.js:842:27)
at Module.require (internal/modules/cjs/loader.js:1026:19)
at require (internal/modules/cjs/helpers.js:72:18)
at Object.<anonymous> (/Users/user/Documents/project/editor/node_modules/#babel/preset-env/lib/polyfills/corejs3/usage-plugin.js:10:55)
at Module._compile (internal/modules/cjs/loader.js:1138:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1158:10)
at Module.load (internal/modules/cjs/loader.js:986:32)
at Function.Module._load (internal/modules/cjs/loader.js:879:14)
at Module.require (internal/modules/cjs/loader.js:1026:19)
at require (internal/modules/cjs/helpers.js:72:18)
at Object.<anonymous> (/Users/user/Documents/project/editor/node_modules/#babel/preset-env/lib/index.js:29:44)
at Module._compile (internal/modules/cjs/loader.js:1138:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1158:10)
at Module.load (internal/modules/cjs/loader.js:986:32)
at Function.Module._load (internal/modules/cjs/loader.js:879:14)
# multi (webpack)-dev-server/client?http://192.168.0.105:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
I checked in node_modules/#babel/compat-data/ and the module is there. Why doesn't webpack (is it webpack?) see it?
Note that I did the same thing on another system a few weeks ago and it worked fine.
I also have a vuepress project on the same new system and it also runs fine.
Thanks
In project folder:
rm package_lock.json
rm -r node_modules
npm install
Turns out I had package_lock.json on git from another system. Removed it and it worked.
you can remove the lock files generated (package-lock.json)
and then remove the node modules from your project.
And then again try to download the dependencies via npm
as npm install
I followed a tutorial to create a CRUD App with Nodejs, I finished the project and everything worked fine. After I tried to move all the files and folders to a new folderand I destroyed everything.
Now when I try to run node app.js the following happen:
enter code herinternal/modules/cjs/loader.js:797
throw err;
^
Error: Cannot find module 'mime-types/node_modules/mime-db'
Require stack:
- C:\Users\Costis\Documents\Code\Vue\Mongodb_app\server\node_modules\mime-types\index.js
- C:\Users\Costis\Documents\Code\Vue\Mongodb_app\server\node_modules\accepts\index.js
- C:\Users\Costis\Documents\Code\Vue\Mongodb_app\server\node_modules\express\lib\request.js
- C:\Users\Costis\Documents\Code\Vue\Mongodb_app\server\node_modules\express\lib\express.js
- C:\Users\Costis\Documents\Code\Vue\Mongodb_app\server\node_modules\express\index.js
- C:\Users\Costis\Documents\Code\Vue\Mongodb_app\server\app.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:794:15)
at Function.Module._load (internal/modules/cjs/loader.js:687:27)
at Module.require (internal/modules/cjs/loader.js:849:19)
at require (internal/modules/cjs/helpers.js:74:18)
at Object.<anonymous> (C:\Users\Costis\Documents\Code\Vue\Mongodb_app\server\node_modules\mime-types\index.js:15:10)
at Module._compile (internal/modules/cjs/loader.js:956:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
at Module.load (internal/modules/cjs/loader.js:812:32)
at Function.Module._load (internal/modules/cjs/loader.js:724:14)
at Module.require (internal/modules/cjs/loader.js:849:19) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'C:\\Users\\Costis\\Documents\\Code\\Vue\\Mongodb_app\\server\\node_modules\\mime-types\\index.js',
'C:\\Users\\Costis\\Documents\\Code\\Vue\\Mongodb_app\\server\\node_modules\\accepts\\index.js',
'C:\\Users\\Costis\\Documents\\Code\\Vue\\Mongodb_app\\server\\node_modules\\express\\lib\\request.js',
'C:\\Users\\Costis\\Documents\\Code\\Vue\\Mongodb_app\\server\\node_modules\\express\\lib\\express.js',
'C:\\Users\\Costis\\Documents\\Code\\Vue\\Mongodb_app\\server\\node_modules\\express\\index.js',
'C:\\Users\\Costis\\Documents\\Code\\Vue\\Mongodb_app\\server\\app.js'
]e
Any suggestion?
You probably have to make a clean install your dependencies again with npm install, as you might have broken some symlinks (just assuming as I'm not a Windows user).
You can manually delete your node_modules folder and run npm install, or if you have an existing package-lock.json, use npm ci to install exactly the same versions of deps you had before.
Starting a new project, I've installed the latest versions of webpack and webpack-dev-server. I've added the webpack-dev-server command to my start script in my package.json. Oddly, the dev server was working the first time I ran the project, but I then blew away my node_modules folder and reinstalled. Since reinstalling I am continually blocked by the following missing dependency error.
npm start
> webpack-dev-server
module.js:442
throw err;
^
Error: Cannot find module 'hpack.js'
at Function.Module._resolveFilename (module.js:440:15)
at Function.Module._load (module.js:388:25)
at Module.require (module.js:468:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (/Users/a6001382/analytics/analytics-q/node_modules/spdy-transport/lib/spdy-transport/protocol/http2/hpack-pool.js:5:13)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3)
spdy-transport seems to be the culprit, but I am still getting the error even after explicitly running "npm install" on spdy-transports root, and ensuring that "hpack.js" exists.
Has anyone else experienced this missing dependency?
Resolved by running npm i -g npm#latest-4. Some versions of NPM don't correctly set the "main" field of package.json if the package contains a period.
I'm trying to install Gulp js on my computer.
I think it is installed but not completely because when I run gulp -v in powershell it returns these lines:
[12:43:04] CLI version 1.3.0
[12:43:04] Local version 3.9.1
But when I want to run .\node-setup.cmd it throws the following error:
Error: Cannot find module 'gulp-autoprefixer'
at Function.Module._resolveFilename (module.js:469:15)
at Function.Module._load (module.js:417:25)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (C:\LOBOS\FDD.WAP\gulpfile.js:5:20)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
Press any key to continue . . .
Any ideas how to solve this?
most likely you have gulp-autoprefixer as a dependency in the package.json file of your project but you did not install it locally.
try to run npm install from the command line and see if it fix your issue.
The problem wouldn't be solved if I would install gulp-autoprefixer because afterwards it would require another module and after that another module and so on...
The solution was to deprecate the package.json file by changing the react-bootstrap-table from my version (2.8.2) to version 4.0.0-beta.2. By doing so, the json file will have a version which is not depending on react-toastr.
I am trying to create my first sails app and I've followed the steps on the sails getting started (http://sailsjs.org/get-started). But when i try to do a sails lift, i get the following error:
(node:11291) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
module.js:442
throw err;
^
Error: Cannot find module 'express/node_modules/cookie'
at Function.Module._resolveFilename (module.js:440:15)
at Function.Module._load (module.js:388:25)
at Module.require (module.js:468:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (/Users/master/Desktop/Developer/NodeJS/HelloSails/node_modules/sails/lib/hooks/session/index.js:9:12)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3)
at Module.require (module.js:468:17)
at require (internal/module.js:20:19)
at /Users/master/Desktop/Developer/NodeJS/HelloSails/node_modules/sails/lib/app/configuration/index.js:54:28
at Function.reduce (/Users/master/Desktop/Developer/NodeJS/HelloSails/node_modules/sails/node_modules/lodash/dist/lodash.js:3735:25)
at Configuration.defaultConfig (/Users/master/Desktop/Developer/NodeJS/HelloSails/node_modules/sails/lib/app/configuration/index.js:53:18)
at Configuration.bound [as defaults] (/Users/master/Desktop/Developer/NodeJS/HelloSails/node_modules/sails/node_modules/lodash/dist/lodash.js:729:21)
I tried manually removing the 'node_modules' folder, inserting express as a dependency in my package.json and running 'npm install', but that did not work.
Im running Node v6.2.2 Sail v0.10.5 and NPM v3.10.6
What am i missing here?
update sails version to latest, it is issue of npm structure, old version use tree level dependency while new version use same level structure
sails upgrade version
It's a dependency issue with npm, this worked for me when I had the issue.
npm -g install npm#latest