Error: Cannot find module 'browser-sync' - npm

When am trying to start gulp serve
Its raise an error
module.js:338
throw err;
^
Error: Cannot find module 'browser-sync'
at Function.Module._resolveFilename (module.js:336:15)
at Function.Module._load (module.js:278:25)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object.<anonymous> (/home/sajad/p_projects/my-project/gulpfile.js:17:19)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
After that i tried sudo npm rm browser-sync && npm install browser-sync
its raise follwing error
npm ERR! Linux 3.13.0-24-generic
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "install" "browser-sync"
npm ERR! node v0.12.7 npm ERR! npm v2.11.3 npm ERR! file
/home/sajad/.npm/escape-html/1.0.2/package/package.json npm ERR! code
EJSONPARSE
npm ERR! Failed to parse json npm ERR! No data, empty input at 1:1 npm
ERR! npm ERR! ^ npm ERR! File:
/home/sajad/.npm/escape-html/1.0.2/package/package.json npm ERR!
Failed to parse package.json data. npm ERR! package.json must be
actual JSON, not just JavaScript. npm ERR! npm ERR! This is not a bug
in npm. npm ERR! Tell the package author to fix their package.json
file. JSON.parse
npm ERR! Please include the following file with any support request:
npm ERR! /home/sajad/p_projects/my-project/npm-debug.log
Guide me how to start gulp serve and how resolve these error

I also had a same problem, I was able to solve it by entering this.
npm i browser-sync --save
Check this link here: https://github.com/brawlins/react-webpack-php-starter/issues/1

I tried these steps. Its work for me.
Globally install gulp.
Next need to install the project’s local dependencies (that’s where it’s looking for browser-sync). To do that,
cd into the project directory and run npm install.
Then try gulp serve.
You can also try following lines
npm i browser-sync --save then
npm start

You can try a :
npm cache clean
as it looks like it's not related to your project but your npm files,
and then re run npm install

Are you behind a proxy? Because it happened once to me in a company, this specific node module wouldn't be installed because of the proxy. I had to install it without proxy to make it work. Just try on your phone or another network.

Related

How do I remove error in installing ignite-cli?

I am a beginner in react native in ignite. By mistake I installed ignite-cli twice with this command:
npm install -g ignite-cli
Now it shows this error:
npm ERR! code EEXIST
npm ERR! path C:\Users\boidurja\AppData\Roaming\npm\node_modules\ignite-cli\bin\ignite
npm ERR! dest C:\Users\boidurja\AppData\Roaming\npm\ignite
npm ERR! EEXIST: file already exists, cmd shim
'C:\Users\boidurja\AppData\Roaming\npm\node_modules\ignite-cli\bin\ignite' ->
'C:\Users\boidurja\AppData\Roaming\npm\ignite'
npm ERR! File exists: C:\Users\boidurja\AppData\Roaming\npm\ignite
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\boidurja\AppData\Roaming\npm-cache\_logs\2020-03-21T04_32_24_707Z-debug.log
I can't create a new project. When I create a new project(ignite new myproject) it shows this error:
C:\Users\boidurja\AppData\Roaming\npm\node_modules\ignite\node_modules\root-path\index.js:20
throw new Error('cannot find any package.json file');
^
Error: cannot find any package.json file
at Object.<anonymous> (C:\Users\boidurja\AppData\Roaming\npm\node_modules\ignite\node_modules\root-
path\index.js:20:9)
at Module._compile (internal/modules/cjs/loader.js:1147:30)
at Module._compile
(C:\Users\boidurja\AppData\Roaming\npm\node_modules\ignite\node_modules\pirates\lib\index.js:99:24)
at Module._extensions..js (internal/modules/cjs/loader.js:1167:10)
at Object.newLoader [as .js]
(C:\Users\boidurja\AppData\Roaming\npm\node_modules\ignite\node_modules\pirates\lib\index.js:104:7)
at Module.load (internal/modules/cjs/loader.js:996:32)
at Function.Module._load (internal/modules/cjs/loader.js:896:14)
at Module.require (internal/modules/cjs/loader.js:1036:19)
at require (internal/modules/cjs/helpers.js:72:18)
at Object.<anonymous>
(C:\Users\boidurja\AppData\Roaming\npm\node_modules\ignite\dist\ignite.js:36:40)
How do I remove these errors so that I will be able to create a new project?
First check if you have installed the latest version of node.
node -v
Then install Yarn (https://classic.yarnpkg.com/en/docs/install)
After that , type following commands
yarn global add ignite-cli
ignite new MyNewAppName

How do I duplicate a VueJS project?

When trying to simply duplicate a whole VueJS project using cp -r project clone_project, I get the following error when running npm run serve from the clone_projectdirectory:
> design#0.1.0 serve /Users/path_to_clone_project/clone_project
> vue-cli-service serve
internal/modules/cjs/loader.js:613
throw err;
^
Error: Cannot find module '../package.json'
Require stack:
- /Users/path_to_clone_project/clone_project/node_modules/.bin/vue-cli-service
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:610:15)
at Function.Module._load (internal/modules/cjs/loader.js:526:27)
at Module.require (internal/modules/cjs/loader.js:666:19)
at require (internal/modules/cjs/helpers.js:16:16)
at Object.<anonymous> (/Users/path_to_clone_project/clone_project/node_modules/.bin/vue-cli-service:5:25)
at Module._compile (internal/modules/cjs/loader.js:759:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:770:10)
at Module.load (internal/modules/cjs/loader.js:628:32)
at Function.Module._load (internal/modules/cjs/loader.js:555:12)
at Function.Module.runMain (internal/modules/cjs/loader.js:824:10)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! design#0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the design#0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
The original project was created using the Vue CLI tool. I don't understand the error since the package.jsonfile was copied as expected with the rest of the project.
Delete your node_modules folder and run npm install.
npm install will create node_modules folder and install all of the packages that are defined in package.json.
Then run npm run serve

npm run dev suddenly stopped working - Nuxt js

This is my terminal log, when I try to run npm run dev
cross-env HOST=0.0.0.0 PORT=3000 nuxt
module.js:545
throw err;
^
Error: Cannot find module '..'
at Function.Module._resolveFilename (module.js:543:15)
at Function.Module._load (module.js:470:25)
at Module.require (module.js:593:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (/Users/MYUSER/Desktop/PROJECTFOLDER/node_modules/.bin/nuxt:9:19)
at Module._compile (module.js:649:30)
at Object.Module._extensions..js (module.js:660:10)
at Module.load (module.js:561:32)
at tryModuleLoad (module.js:501:12)
at Function.Module._load (module.js:493:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! PROJECT#1.0.0 dev: `cross-env
HOST=0.0.0.0 PORT=3000 nuxt`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the PROJECT#1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/MYUSER/.npm/_logs/2019-03-14T08_05_59_626Z-debug.log
This happened all of a sudden after 1 week working on another project.
Sorry if my tags are incorrect. Feel free to correct them. Thanks in advance.
1.delete node_modules folder
2 .delete package-lock.json
then
npm install

Error: Cannot find module '#angular/tsc-wrapped/src/tsc' ionicjs ionic view

I get following error when try to compile ionic 3 app with ionic-view (www.ionicjs.com)
Error: Cannot find module '#angular/tsc-wrapped/src/tsc'
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 Object. (/usr/src/app/node_modules/#ionic/app-scripts/dist/aot/aot-compiler.js:7:13)
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)
at Function.Module._load (module.js:458:3)
npm info lifecycle MedMan#0.0.1~build: Failed to exec build script
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! MedMan#0.0.1 build: `ionic-app-scripts build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the MedMan#0.0.1 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/gitlab-runner/.npm/_logs/2017-09-25T14_14_22_583Z-debug.log
/snapshot.sh: line 32: [: missing `]'
npm run build failed
Make sure your project has a build script in the package.json
Failed to upload build to storage please retry your build.
Running after script...
$ clean-up
Cleaning up files...
Successful clean up
ERROR: Job failed: exit status 1
I work with following Versions:
"#angular/tsc-wrapped": "4.4.3",
"#ionic/cli-plugin-ionic-angular": "1.4.1"
"ionic": "3.12.0",
"rxjs": "^5.4.3",
"tslint": "^5.7.0",
"tslint-loader": "^3.5.3"
npm v 4.6.1
node v 8.5.0
None of the solutions at the web can solve this issue for me.
I guess this should fix it:
upgrade npm to the latest version (5.3.0), I personally stayed at 5.1.0 because there were issues with ionic and version 5.2.0 but I think it is fixed in the current version
rm -rf node_modules package-lock.json (on Windows: delete node_modules and package-lock.json manually)
npm install
If it still does not work you can try to manually install tsc-wrapped:
npm install --save-dev #angular/tsc-wrapped
Try this:
npm install npm#latest -g
npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli#latest
npm install #angular/tsc-wrapped autoprefixer
https://github.com/angular/angular-cli/issues/3183#issuecomment-261740427
I additionally had to (but dont think this is only related to my case):
npm rebuild node-sass

Parse cloud code error for body-parser on npm start command

I have created the project for parse cloud code and now I am trying to start it using node.js
When I run start npm command it gives following error.
:\Project>npm start
> parse-server-example#1.4.0 start C:\Project
> node index.js
1
C:\Project\node_modules\express\lib\express.js:89
throw new Error('Most middleware (like ' + name + ') is no longer bundled
with Express and must be installed separately. Please see https://github.com/sen
chalabs/connect#middleware.');
^
Error: Most middleware (like bodyParser) is no longer bundled with Express and m
ust be installed separately. Please see https://github.com/senchalabs/connect#mi
ddleware.
at Function.Object.defineProperty.get (C:\Project\node_modules\express\lib\
express.js:89:13)
at Object.<anonymous> (C:\Project\cloud\plivo_receiver.js:6:16)
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 Object.<anonymous> (C:\Project\cloud\main.js:6:1)
npm ERR! Windows_NT 6.3.9600
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\
node_modules\\npm\\bin\\npm-cli.js" "start"
npm ERR! node v6.3.0
npm ERR! npm v3.10.3
npm ERR! code ELIFECYCLE
npm ERR! parse-server-example#1.4.0 start: `node index.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the parse-server-example#1.4.0 start script 'node index.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the parse-server-example
package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node index.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs parse-server-example
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls parse-server-example
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! C:\Project\npm-debug.log
As per the instruction in error I checked https://github.com/sen
chalabs/connect#middleware but could not understand the solution.
Error is being generated at following code of line.
app.use(express.bodyParser());
app.use(express.methodOverride());
Please let me know how to resolve this issue.
The issue is resolved.
I have used it in other way as below.
var bodyParser = require('body-parser')
var methodOverride = require('method-override')
var app = express();
app.use(bodyParser);
app.use(methodOverride);
I found the article here Body-parser Installation for bodyParser and have done similarly for methodOverride.
May be it will help someone and save his/her time.
Thank you