Error when installing webpack React and Redux npm - reactjs

I am following the tutorial on React and Redux on thenewboston Youtube channel, and just can't install dependencies when I navigate to the directory where the files are provided. Here's the link, and I am following exactly the tips from the beginning of the video https://www.youtube.com/watch?v=TSAw5f8mOQs&list=PL6gx4Cwl9DGBbSLZjvleMwldX8jGgXV6a&index=3
This is the error I get:
:~$ npm install
npm ERR! install Couldn't read dependencies
npm ERR! Error: ENOENT, open '/home/joe/package.json'
npm ERR! If you need help, you may report this log at:
npm ERR! <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR! <npm-#googlegroups.com>
npm ERR! System Linux 3.19.0-56-generic
npm ERR! command "/usr/bin/nodejs" "/usr/bin/npm" "install"
npm ERR! cwd /home/joe
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.10
npm ERR! path /home/joe/package.json
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! /home/joe/npm-debug.log
npm ERR! not ok code 0

You are missing package.json.
There are two possibilities:
You want to create new package.json
If you want to create a new package.json use npm init command to setup your package.json.
You already have some code with a package.json
If you already got some code from some repo, cd to that directory where you have your package.json and do a npm install or npm i

Related

npm install dependency error - AWS API Gateway Developer Portal

I tried to customize the React front-end of the AWS API Gateway Developer Portal. But when installing the dependencies, the following error is generated.
npm ERR! npm ERR! code 128
npm ERR! npm ERR! An unknown git error occurred
npm ERR! npm ERR! command git --no-replace-objects ls-remote ssh://git#github.com/ev1stensberg/generator.git
npm ERR! npm ERR! command-line line 0: unsupported option "accept-new".
npm ERR! npm ERR! fatal: Could not read from remote repository.
npm ERR! npm ERR!
npm ERR! npm ERR! Please make sure you have the correct access rights
npm ERR! npm ERR! and the repository exists.
I think the problem occurs when installing the "swagger-ui".
I tried the following command and try to install "swagger-ui" manually. But I get the same error.
npm install swagger-ui#github:awslabs/swagger-ui#apigw-fork-v4
npm ERR! npm ERR! code 128
npm ERR! npm ERR! An unknown git error occurred
npm ERR! npm ERR! command git --no-replace-objects ls-remote ssh://git#github.com/ev1stensberg/generator.git
npm ERR! npm ERR! command-line line 0: unsupported option "accept-new".
npm ERR! npm ERR! fatal: Could not read from remote repository.
npm ERR! npm ERR!
npm ERR! npm ERR! Please make sure you have the correct access rights
npm ERR! npm ERR! and the repository exists.
Afterwards I tried installing different versions of "swagger-ui" through npm. But those versions are not compatible with the dev-portal frontend.
Is there someone who customizes the AWS dev-portal front-end by mitigating this dependency error?
Try adding the dependency in the package.json like this
"dependencies": {
"swagger-ui": "git+https://github.com/awslabs/swagger-ui.git#apigw-fork-v4"
}
you can also install it manually like this
npm install https://github.com/awslabs/swagger-ui#apigw-fork-v4

mac sudo npm install -g protractor Error 404

When I run sudo npm install -g protractor, got the error, looks like there's no that folder/files. Is there anyone who knows how to solve the problem? Thanks very much :)
npm ERR! Darwin 15.6.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "-g" "protractor"
npm ERR! node v6.9.2
npm ERR! npm v3.10.9
npm ERR! code E404
npm ERR! 404 no such package available : #types/node
npm ERR! 404
npm ERR! 404 '#types/node' is not in the
npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!) npm ERR! 404 It was specified as a dependency of 'protractor'
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.
npm ERR! Please include the following file with any support request:
npm install screenshot
This is reproducible on node 6.9.2. I believe it is an error in npm for this version of node.
❯ nvm install 6.9.2 ⏎
Downloading https://nodejs.org/dist/v6.9.2/node-v6.9.2-darwin-x64.tar.xz...
######################################################################## 100.0%
WARNING: checksums are currently disabled for node.js v4.0 and later
Now using node v6.9.2 (npm v3.10.9)
❯ npm i - g #types/node
npm ERR! addLocal Could not install /Users/cnishina/-
npm ERR! Darwin 16.3.0
npm ERR! argv "/Users/cnishina/.nvm/versions/node/v6.9.2/bin/node" "/Users/cnishina/.nvm/versions/node/v6.9.2/bin/npm" "i" "-" "g" "#types/node"
npm ERR! node v6.9.2
npm ERR! npm v3.10.9
npm ERR! path /Users/cnishina/-
npm ERR! code ENOENT
npm ERR! errno -2
npm ERR! syscall open
npm ERR! enoent ENOENT: no such file or directory, open '/Users/cnishina/-'
npm ERR! enoent ENOENT: no such file or directory, open '/Users/cnishina/-'
npm ERR! enoent This is most likely not a problem with npm itself
npm ERR! enoent and is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! Please include the following file with any support request:
npm ERR! /Users/cnishina/npm-debug.log
After installing 6.9.3, the error goes away:
❯ nvm install 6.9.3
Downloading https://nodejs.org/dist/v6.9.3/node-v6.9.3-darwin-x64.tar.xz...
######################################################################## 100.0%
WARNING: checksums are currently disabled for node.js v4.0 and later
npm i -g #tNow using node v6.9.3 (npm v3.10.10)
❯ npm i -g #types/node
/Users/cnishina/.nvm/versions/node/v6.9.3/lib
└── #types/node#7.0.1
I also suggest installing the latest node 6. At the time of this post, it is node 6.9.4. I have checked installing #types/node also works for node 6.9.4.
Some people with the same problem found that decreasing the version to 4.0.4 helped. Buts seems a frequent error. Still not a cool solution, but seems to work for some.

NPM start throwing errors

Hi I am trying to install and run angular-phonecat project.
install git ( windows ) from github
Opened git shell.cloned the probject.
I have node already installed so I opened node console and typed node --version.I got v0.10.9
back to git shell. did npm install in the angular-phonecat directory ( to install all dependencies as angular js suggests here:https://docs.angularjs.org/tutorial
I got following error then:
npm ERR! Error: No compatible version found: karma-chrome-launcher#'^0.1.4'
npm ERR! Valid install targets:
npm ERR! ["0.0.1","0.0.2","0.1.0","0.1.1","0.1.2","0.1.3","0.1.4","0.1.5"]
npm ERR! at installTargetsError (C:\Program Files (x86)\nodejs\node_modules\
npm\lib\cache.js:709:10)
npm ERR! at C:\Program Files (x86)\nodejs\node_modules\npm\lib\cache.js:631:
10
npm ERR! at saved (C:\Program Files (x86)\nodejs\node_modules\npm\node_modul
es\npm-registry-client\lib\get.js:138:7)
npm ERR! at Object.oncomplete (fs.js:107:15)
npm ERR! If you need help, you may report this log at:
npm ERR! <http://github.com/isaacs/npm/issues>
npm ERR! or email it to:
npm ERR! <npm-#googlegroups.com>
npm ERR! System Windows_NT 6.1.7601
npm ERR! command "C:\\Program Files (x86)\\nodejs\\\\node.exe" "C:\\Program File
s (x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install"
npm ERR! cwd C:\Users\abc\angular-phonecat
npm ERR! node -v v0.10.9
npm ERR! npm -v 1.2.24
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! C:\Users\abc\angular-phonecat\npm-debug.log
npm ERR! not ok code 0
I have no idea what is wrong ?
----Nov 3 2014 update----I updated Node to version v0.10.33 and started getting below error when trying npm install on angular-phonecat directory.
npm WARN package.json karma-chrome-launcher#0.1.5 No README data
angular-phonecat#0.0.0 postinstall C:\abc\angular-phonecat
bower install
'bower' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! angular-phonecat#0.0.0 postinstall: `bower install`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the angular-phonecat#0.0.0 postinstall script.
npm ERR! This is most likely a problem with the angular-phonecat package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! bower install
npm ERR! You can get their info via:
npm ERR! npm owner ls angular-phonecat
npm ERR! There is likely additional logging output above.
npm ERR! System Windows_NT 6.1.7601
npm ERR! command "C:\\Program Files (x86)\\nodejs\\\\node.exe" "C:\\Program File
s (x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install"
npm ERR! cwd C:\abc\angular-phonecat
npm ERR! node -v v0.10.33
npm ERR! npm -v 1.4.28
npm ERR! code ELIFECYCLE
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! C:\abc\angular-phonecat\npm-debug.log
npm ERR! not ok code 0
Open your package.json file and change "karma-chrome-launcher": "^0.1.4" with "karma-chrome-launcher": "0.1.4", that is, remove the caret. Same with all the dependencies that use that notation. You can see the meaning of the version numbers here.
https://www.npmjs.org/doc/files/package.json.html#dependencies
The ^ character means "Compatible with".
You can also try to upgrade node and npm, versions 0.10.9 and 1.2.24 are quite old now, and the ^ character is not supported in that version.
Caret was first available in npm from August 2013 and became the
default save prefix 6 months later in February 2014.
Which is npm version 1.3.7.
If it still does not work try npm cache clear and then npm install again.
If your problem is the proxy you can try npm config set proxy and npm config set https-proxy as described here jjasonclark.com/how-to-setup-node-behind-web-proxy.
Hope this helps.
Note: I have tried npm install on a fresh copy of this repository myself and it works, although not Windows and versions 0.10.28 and 1.4.9 respectively. So the package.json is correct, strictly speaking.

Error while npm install in Angular JS

Im new to Angular JS. I'm following the tutorial which is provided in Angular JS website. I've cloned the git project and when I try for npm install it gives me errors like
npm ERR! Error: failed to fetch from registry: shelljs
npm ERR! at /usr/share/npm/lib/utils/npm-registry-client/get.js:139:12
npm ERR! at cb (/usr/share/npm/lib/utils/npm-registry-client/request.js:31:9)
npm ERR! at Request._callback (/usr/share/npm/lib/utils/npm-registry- client/request.js:136:18)
npm ERR! at Request.callback (/usr/lib/nodejs/request/main.js:119:22)
npm ERR! at Request.<anonymous> (/usr/lib/nodejs/request/main.js:212:58)
npm ERR! at Request.emit (events.js:88:20)
npm ERR! at ClientRequest.<anonymous> (/usr/lib/nodejs/request/main.js:412:12)
npm ERR! at ClientRequest.emit (events.js:67:17)
npm ERR! at HTTPParser.onIncoming (http.js:1261:11)
npm ERR! at HTTPParser.onHeadersComplete (http.js:102:31)
npm ERR! You may report this log at:
npm ERR! <http://bugs.debian.org/npm>
npm ERR! or use
npm ERR! reportbug --attach /home/bigc/Angular-Tutorial/angular-phonecat/npm-debug.log npm
npm ERR!
npm ERR! System Linux 3.5.0-23-generic
npm ERR! command "node" "/usr/bin/npm" "install"
npm ERR! cwd /home/bigc/Angular-Tutorial/angular-phonecat
npm ERR! node -v v0.6.12
npm ERR! npm -v 1.1.4
npm ERR! message failed to fetch from registry: shelljs
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! /home/bigc/Angular-Tutorial/angular-phonecat/npm-debug.log
npm not ok
Do I need to do anything other than cloning?
Cheers!
when i started sometimes i have foun error too with cloning git repository, make a check for your version of github and update it if you need it, after you do that you can go directly to angularjs's github page, the tutorial you want to see it's in the sample folder, you cant take it form here or cloning directly from the address write on the right of the page.

Yeoman angularjs generator broken

I just create an empty directory called "assets" with my php lavarel project folder and issue the following command -> yo angular, then in the terminal, I was asked include sass/compass, bootstrap etc and start installing this generator. somehow, I got lots of errors that i have no ideas what that cause. I need some help and here are the errors.
npm npm ERR!http Error: ENOTEMPTY, rmdir 'xxx/app/assets/node_modules/grunt/lib'
GET https://registry.npmjs.org/optimist
npm ERR! If you need help, you may report this *entire* log,
npm ERR! including the npm and node versions, at:
npm ERR! <http://github.com/npm/npm/issues>
npm ERR! System Darwin 13.1.0
npm ERR! command "node" "/usr/local/bin/npm" "install"
npm ERR! cwd xxx/app/assets
npm ERR! node -v v0.10.26
npm ERR! npm -v 1.4.3
npm ERR! path xxx/app/assets/node_modules/grunt/lib
npm ERR! code ENOTEMPTY
npm ERR! errno 53
npm ERR! Error: ENOENT, open 'xxx/app/assets/node_modules/grunt/package.json'
npm ERR! If you need help, you may report this *entire* log,
npm ERR! including the npm and node versions, at:
npm ERR! <http://github.com/npm/npm/issues>
npm ERR! System Darwin 13.1.0
npm ERR! command "node" "/usr/local/bin/npm" "install" "grunt-karma" "karma-ng-html2js-preprocessor" "karma-ng-scenario" "--save-dev"
npm ERR! cwd xxx/app/assets
npm ERR! node -v v0.10.26
npm ERR! npm -v 1.4.3
npm ERR! path xxx/app/assets/node_modules/grunt/package.json
npm ERR! code ENOENT
npm ERR! errno 34
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! xxx/app/assets/npm-debug.log
npm ERR! not ok code 0
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! xxx/assets/npm-debug.log
npm ERR! not ok code 0
Looks like your user don't own your project folder. chown and chmod your folder so it work with the your user account.

Resources