node,npm在前端開發流程中提供了很是完善的自動化工具鏈,可是一樣因爲其複雜性致使有不少奇奇怪怪的問題。本文將記錄使用過程當中出現的一些問題及其解決方法備案。html
1.使用一個proxy來代理訪問,可是這個方法速度可能比較慢; 2.能夠經過修改npm的配置文件讓npm到另外的pacakge mirror站點去找package,經過以下命令 $npm config set registry https://registry.npm.taobao.org
或者:npm install 或者直接在命令行中指定某些參數,好比phantomjs是一個無圖形界面的瀏覽器,在自動化測試中應用普遍,可能的安裝方式:$ npm config set registry http://r.cnpmjs.orgnpm config set registry http://registry.npmjs.eu 隨後再執行
npm install phantomjs --phantomjs_cdnurl=http://cnpmjs.org/downloads 若是上述方法都不奏效,那麼可能須要 配置本身網卡的dns爲國外的dns
npm config set proxy http://proxy.company.com:8080 npm config set https-proxy http://proxy.company.com:8080
$ npm install -g gulp npm ERR! tar.unpack untar error /home/cabox/.npm/gulp/3.9.0/package.tgz npm ERR! Linux 2.6.32-042stab104.1 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "-g" "gulp" npm ERR! node v0.12.3 npm ERR! npm v2.9.1 npm ERR! path /usr/local/lib/node_modules/gulp npm ERR! code EACCES npm ERR! errno -13 npm ERR! Error: EACCES, mkdir '/usr/local/lib/node_modules/gulp' npm ERR! at Error (native) npm ERR! { [Error: EACCES, mkdir '/usr/local/lib/node_modules/gulp'] npm ERR! errno: -13, npm ERR! code: 'EACCES', npm ERR! path: '/usr/local/lib/node_modules/gulp', npm ERR! fstream_type: 'Directory', npm ERR! fstream_path: '/usr/local/lib/node_modules/gulp', npm ERR! fstream_class: 'DirWriter', npm ERR! fstream_stack: npm ERR! [ '/usr/local/lib/node_modules/npm/node_modules/fstream/lib/dir-writer.js:36:23', npm ERR! '/usr/local/lib/node_modules/npm/node_modules/mkdirp/index.js:46:53', npm ERR! 'FSReqWrap.oncomplete (fs.js:95:15)' ] } npm ERR! npm ERR! Please try running this command again as root/Administrator. npm ERR! Please include the following file with any support request: npm ERR! /home/cabox/npm-debug.log
可能的解決方案是修改npm將安裝的目標目錄的ownershipi:前端
$ npm config get prefix /usr/local $ whoami cabox
上面的命令能夠查到你是以cabox用戶來運行命令的,npm將全局package安裝package到/usr/local下面的lib/node_modules目錄下面,好比gulp,bower,grunt等須要全局安裝的node module都將存放到這裏,而若是你對該目錄沒有寫的權限,則會出現問題,所以你能夠作的是chown -R /usr/local your_usernamenode
可是這個方案也是有缺點的,特別是當一個系統中有多個用戶使用時,你把這些公共目錄都搞成你本身的ownership,可能會存在問題。linux
另一種可能的解決方案修改上述prefix,指定npm的全局package安裝目錄爲本身的Home目錄下面的子目錄,同時須要將上述子目錄放到path中去,這樣就可以將npm的全局package安裝到這個咱們有權限控制的目錄中了。laravel
$ npm config set prefix /home/cabox/npm-global/ $ npm config get prefix /home/cabox/npm-global $ gulp -bash: gulp: command not found $ npm install -g gulp /home/cabox/npm-global/bin/gulp -> /home/cabox/npm-global/lib/node_modules/gulp/bin/gulp.js gulp@3.9.0 /home/cabox/npm-global/lib/node_modules/gulp ├── pretty-hrtime@1.0.0 ├── interpret@0.6.2 ├── deprecated@0.0.1 ├── archy@1.0.0 ├── minimist@1.1.1 ├── tildify@1.0.0 (user-home@1.1.1) ├── v8flags@2.0.5 (user-home@1.1.1) ├── chalk@1.0.0 (escape-string-regexp@1.0.3, ansi-styles@2.0.1, supports-color@1.3.1, strip-ansi@2.0.1, has-ansi@1.0.3) ├── semver@4.3.6 ├── orchestrator@0.3.7 (stream-consume@0.1.0, sequencify@0.0.7, end-of-stream@0.1.5) ├── liftoff@2.1.0 (extend@2.0.1, rechoir@0.6.1, flagged-respawn@0.3.1, resolve@1.1.6, findup-sync@0.2.1) ├── gulp-util@3.0.5 (array-differ@1.0.0, array-uniq@1.0.2, lodash._reescape@3.0.0, lodash._reevaluate@3.0.0, beeper@1.1.0, lodash._reinterpolate@3.0.0, object-assign@2.1.1 , replace-ext@0.0.1, vinyl@0.4.6, lodash.template@3.6.1, through2@0.6.5, multipipe@0.1.2, dateformat@1.0.11) └── vinyl-fs@0.3.13 (graceful-fs@3.0.8, strip-bom@1.0.0, defaults@1.0.2, vinyl@0.4.6, mkdirp@0.5.1, through2@0.6.5, glob-stream@3.1.18, glob-watcher@0.0.6)
上面使用cabox用戶安裝gulp到/home/cabox/npm-global目錄中去了。git
詳細參照下面的兩篇文章:github
http://www.johnpapa.net/how-to-use-npm-global-without-sudo-on-osx/npm
https://github.com/sindresorhus/guides/blob/master/npm-global-without-sudo.mdjson
可是如今還有一個問題,那就是系統path中並無包含該目錄,所以直接運行gulp仍是沒法找到的 gulp
在.bash_profile中添加如下:
PATH=$PATH:$HOME/bin:$HOME/npm-global/bin
npm install -g npm@latest或npm install npm -g npm cache clear && rm -rf node_modules && npm install
[cabox@box-codeanywhere npmtest]$ npm install --save lodash npm WARN package.json kidsit@1.0.0 No repository field. npm WARN package.json kidsit@1.0.0 No README data lodash@3.9.3 node_modules/lodash [cabox@box-codeanywhere npmtest]$ ls node_modules package.json [cabox@box-codeanywhere npmtest]$ vi package.json [cabox@box-codeanywhere npmtest]$ ls node_modules package.json [cabox@box-codeanywhere npmtest]$ npm ls kidsit@1.0.0 /home/cabox/workspace/npmtest └── lodash@3.9.3 [cabox@box-codeanywhere npmtest]$ npm uninstall lodash --save unbuild lodash@3.9.3 在這裏若是node系統的模塊安裝有問題,這裏會主動列出來:
├── camelcase@1.1.0
├─┬ cliui@2.1.0
│ ├─┬ center-align@0.1.1
│ │ └─┬ align-text@0.1.1
│ │ ├── kind-of@1.1.0
│ │ ├── longest@1.0.1
│ │ └── repeat-string@1.5.2
│ ├─┬ right-align@0.1.1
│ │ └─┬ align-text@0.1.1
│ │ ├── kind-of@1.1.0
│ │ ├── longest@1.0.1
│ │ └── repeat-string@1.5.2
│ └── wordwrap@0.0.2
├── decamelize@1.0.0
└── window-size@0.1.0
npm ERR! missing: bytes@1.0.0, required by body-parser@1.12.4
npm ERR! missing: content-type@~1.0.1, required by body-parser@1.12.4
npm ERR! missing: depd@~1.0.1, required by body-parser@1.12.4
npm ERR! missing: iconv-lite@0.4.8, required by body-parser@1.12.4
npm ERR! missing: on-finished@~2.2.1, required by body-parser@1.12.4
npm ERR! missing: qs@2.4.2, required by body-parser@1.12.4
npm ERR! missing: raw-body@~2.0.1, required by body-parser@1.12.4
npm ERR! missing: type-is@~1.6.2, required by body-parser@1.12.4
[cabox@box-codeanywhere npmtest]$ npm install lodash npm WARN package.json kidsit@1.0.0 No repository field. npm WARN package.json kidsit@1.0.0 No README data lodash@3.9.3 node_modules/lodash [cabox@box-codeanywhere npmtest]$ ls node_modules/ lodash [cabox@box-codeanywhere npmtest]$ npm ls kidsit@1.0.0 /home/cabox/workspace/npmtest └── lodash@3.9.3 extraneous npm ERR! extraneous: lodash@3.9.3 /home/cabox/workspace/npmtest/node_modules/lodash [cabox@box-codeanywhere npmtest]$ npm prune npm WARN package.json kidsit@1.0.0 No repository field. npm WARN package.json kidsit@1.0.0 No README data unbuild lodash@3.9.3 [cabox@box-codeanywhere npmtest]$ npm ls kidsit@1.0.0 /home/cabox/workspace/npmtest └── (empty)
[cabox@box-codeanywhere npmtest]$ npm ls -g --depth=0 /home/cabox/npm-global/lib ├── gulp@3.9.0 └── npm@2.11.1 [cabox@box-codeanywhere npmtest]$ npm uninstall -g gulp unbuild gulp@3.9.0 [cabox@box-codeanywhere npmtest]$ npm ls -g --depth=0 /home/cabox/npm-global/lib └── npm@2.11.1
[cabox@box-codeanywhere npmtest]$ npm adduser Username: kidsit Password: Email: (this IS public) 1372921435@qq.com [cabox@box-codeanywhere npmtest]$ npm config ls ; cli configs user-agent = "npm/2.11.1 node/v0.10.28 linux x64" ; userconfig /home/cabox/.npmrc prefix = "/home/cabox/npm-global" ; node bin location = /usr/bin/node ; cwd = /home/cabox/workspace/npmtest ; HOME = /home/cabox ; 'npm config ls -l' to show all defaults. [cabox@box-codeanywhere npmtest]$ npm publish + kidsit@0.0.1 [cabox@box-codeanywhere npmtest]$
http://blog.izs.me/post/1675072029/10-cool-things-you-probably-didnt-realize-npm
var utils = require( "utils" ); 上面的require命令將致使node按照如下順序查找文件,注意不必定是index.js,這個由package.json中的main定義決定的 ./node_modules/utils.js ./node_modules/utils/index.js ./node_modules/utils/package.json
具體參考http://www.bennadel.com/blog/2169-where-does-node-js-and-require-look-for-modules.htm
info unbuild /home/nicholas/share/node_modules/yuitest verbose link symlinking /usr/local/lib/node_modules/yuitest to /home/nicholas/share/node_modules/yuitest ERR! Error: EPROTO, Protocol error '/usr/local/lib/node_modules/yuitest'
Error: EPERM, operation not permitted 'C:\...\noam\node_modules\phantomjs\tmp\phantomjs-1.7.0-windows' at Object.fs.renameSync (fs.js:439:18)
npm config set msvs_version 2012 --global
有時咱們但願看清楚一個模塊究竟是由於誰被安裝進來的,也就是說它是哪一個package的依賴,你可使用npm ll命令:
好比下面的命令npm -- gulp-less命令你就能夠看出,原來gulp-less這個模塊在laravel-elixir模塊中包含而安裝的,也就是說laravel-elixir已經包含了less預處理功能!
$ npm ll gulp-less laravel-elixir@5.0.0 │ C:\Users\Administrator\devenvironment\Code\newkidsitfromscratch\node_modules\laravel-elixir │ Laravel Elixir Core │ git+https://github.com/laravel/elixir.git │ https://github.com/laravel/elixir └── gulp-less@3.1.0 Less for Gulp git://github.com/plus3network/gulp-less.git https://github.com/plus3network/gulp-less#readme
https://github.com/substack/stream-handbook
參考這篇 https://github.com/felixrieseberg/npm-windows-upgrade 文章,寫的很是詳細,強烈建議升級到npm3,一些怪異的npm模塊安裝問題都會沒有了!
fsevents: AttributeError: 'MSVSProject' object has no attribute 'iteritems'
上述錯誤的緣由是windows機器上沒有安裝build tooling依賴,解決辦法是:
npm install --global --production windows-build-tools
參考: https://github.com/nodejs/node-gyp