"[BABEL] Cannot find module" on a fresh PC install - javascript

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

Related

Node js: Error: Cannot find module 'mime-types/node_modules/mime-db'

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.

Get a error missing modules on the terminal

I want to make a new project running npm install -g create-react-app on the folder directory. After doing this I get the following error:
module.js:487
throw err;
^
Error: Cannot find module '../package.json'
at Function.Module._resolveFilename (module.js:485:15)
at Function.Module._load (module.js:437:25)
at Module.require (module.js:513:17)
at require (internal/module.js:11:18)
at /usr/local/lib/node_modules/npm/bin/npm-cli.js:30:15
at Object.<anonymous> (/usr/local/lib/node_modules/npm/bin/npm-cli.js:92:3)
at Module._compile (module.js:569:30)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:503:32)
at tryModuleLoad (module.js:466:12)
Your question is not very precise. You should give more details about what you are doing.
Still, here are some suggestions. Make sure:
You run the command from within the folder, where your package.json is located.
If you have not created a package.json yet, run npm init
Your package.json is a valid format and readable

Error: Cannot find module ' buffer-shims'

I am working on a Reactjs project and was in the process of installing Electron. Every time I tried to install Electron globally I didn't have permission. I thought that by installing Homebrew I wouldn't run into this problem anymore. However, it created a bigger issue. I uninstalled homebrew to go back to my base. Now, every time I run NPM I get this error message:
Error: Cannot find module 'buffer-shims'
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>
(/usr/local/lib/node_modules/npm/node_modules/readable-
stream/lib/_stream_readable.js:36:18)
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)
I had this problem on my Mac. When I was trying to update npm.
/usr/local/lib/node_modules was owned by root and not by me on my machine.
I did a sudo chown -R <username_here> /usr/local/lib/node_modules on that directory. Then I deleted the whole directory rm -r /usr/local/lib/node_modules and then did a brew uninstall npm and a brew reinstall npm to fix this issue.

Getting an error when installing Gulp js

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.

Trying to set a hub server for togetherjs application and i am using node.js to run the server i get the following error

Error: Cannot find module 'websocket-server'
at Function.Module._resolveFilename (module.js:336:15)
at Function.Module._load (module.js:286:25)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (D:\Rahul\hubServer\togetherjs-develop\togetherjs-develop\hub\websocket-compat.js:27:28)
at Module._compile (module.js:434:26)
at Object.Module._extensions..js (module.js:452:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
That means you have not installed that module. To do this do
npm install websocket-server
Usually instead of doing this manually you will have a package.json file and you can install all the modules by doing npm install
I'd you want to save websocket-server to the package run this command:
npm install websocket-server --save
Remember to do npm install __ in the directory of where your site is. Otherwise node won't find it.

Categories

Resources