The Login Last: Sun Jun 30 09:21:27 ON ttys002 LoginUser S-MacBook-Pro: ~ LoginUser npm -v 6.9.2 // 1. View npm version LoginUser S-MacBook-Pro: ~ LoginUser the Node -version the Node: Bad the Option: -version LoginUser S-MacBook-Pro: ~ LoginUser the Node -v v8.11.3 // 2 View node.js version. LoginUser S-MacBook-Pro: sudo -s ~ LoginUser Password:. // 3 administrator privileges bash -3.2 # npm install -g cnpm --registry = https: //registry.npm.taobao.org // 4. CNPM installation fails, no path access Unhandled rejection Error: EISDIR: illegal operation on a directory, open '/ the Users / LoginUser /.npm/_cacache/content-v2/sha512/04/7a ' NPM ERR! CB () Called Never! npm ERR! This is an error with npm itself. Please report this error at: npm ERR! <https://npm.community> npm ERR! A complete log of this run can be found in: npm ERR! /Users/loginuser /.npm/_logs/2019-06-30T02_04_39_468Z-debug.log bash-3.2# sudo chmod -R 777 /usr/local/lib/node_modules/ bash-3.2# npm install -g cnpm --registry=https://registry.npm.taobao.org Unhandled rejection Error: EISDIR: illegal operation on a directory, open '/Users/loginuser /.npm/_cacache/index-v5/87/99' npm ERR! cb() never called! npm ERR! This is an error with npm itself. Please report this error at: npm ERR! <https://npm.community> npm ERR! A complete log of this run can be found in: npm ERR! /Users/loginuser /.npm/_logs/2019-06-30T02_05_06_015Z-debug.log bash-3.2# sudo npm install -g cnpm --registry=https://registry.npm.taobao.org npm ERR! path /Users/loginuser /.npm/_locks npm ERR! code EISDIR npm ERR! errno -21 npm ERR! syscall open npm ERR! EISDIR: illegal operation on a directory, open '/Users/loginuser /.npm/_locks' npm ERR! A complete log of this run can be found in: npm ERR! /Users/loginuser /.npm/_logs/2019-06-30T02_06_02_055Z-debug.log bash-3.2# sudo chown -R $USER /usr/local bash-3.2# sudo chown -R $USER /usr/loginuser chown: /usr/loginuser : No such file or directory bash-3.2# sudo chown -R $USER /users/loginuser //5.添加路径访问权限 bash-3.2# sudo npm install -g cnpm --registry=https://registry.npm.taobao.org// 6. 再次安装cnpm成功 /usr/local/bin/cnpm -> /usr/local/lib/node_modules/cnpm/bin/cnpm + [email protected] added 682 packages from 900 contributors in 15.545s bash-3.2# cnpm install webpack -g //7.安装webpack Downloading webpack to /usr/local/lib/node_modules/webpack_tmp Copying /usr/local/lib/node_modules/webpack_tmp/[email protected]@webpack to /usr/local/lib/node_modules/webpack Installing webpack's dependencies to /usr/local/lib/node_modules/webpack/node_modules [1/24] acorn@^6.0.5 installed at node_modules/[email protected]@acorn [2/24] acorn-dynamic-import@^4.0.0 installed at node_modules/[email protected]@acorn-dynamic-import [3/24] ajv-keywords@^3.1.0 installed at node_modules/[email protected]@ajv-keywords [4/24] @webassemblyjs/[email protected] installed at node_modules/_@[email protected]@@webassemblyjs/helper-module-context [5/24] chrome-trace-event@^1.0.0 installed at node_modules/[email protected]@chrome-trace-event [6/24] memory-fs@~0.4.1 existed at node_modules/[email protected]@memory-fs [7/24] json-parse-better-errors@^1.0.2 installed at node_modules/[email protected]@json-parse-better-errors [8/24] loader-runner@^2.3.0 installed at node_modules/[email protected]@loader-runner [9/24] ajv@^6.1.0 installed at node_modules/[email protected]@ajv [10/24] eslint-scope@^4.0.0 installed at node_modules/[email protected]@eslint-scope [11/24] neo-async@^2.5.0 installed at node_modules/[email protected]@neo-async [12/24] tapable@^1.1.0 existed at node_modules/[email protected]@tapable [13/24] @webassemblyjs/[email protected] installed at node_modules/_@[email protected]@@webassemblyjs/wasm-parser [14/24] @webassemblyjs/[email protected] installed at node_modules/_@[email protected]@@webassemblyjs/wasm-edit [15/24] @webassemblyjs/[email protected] installed at node_modules/_@[email protected]@@webassemblyjs/ast [16/24] mkdirp@~0.5.0 installed at node_modules/[email protected]@mkdirp [17/24] enhanced-resolve@^4.1.0 installed at node_modules/[email protected]@enhanced-resolve [18/24] loader-utils@^1.1.0 installed at node_modules/[email protected]@loader-utils [19/24] schema-utils@^1.0.0 installed at node_modules/[email protected]@schema-utils [20/24] webpack-sources@^1.3.0 installed at node_modules/[email protected]@webpack-sources [email protected] download from binary mirror: {"module_name":"fse","module_path":"./lib/binding/{configuration}/{node_abi}-{platform}-{arch}/","remote_path":"./v{version}/","package_name":"{module_name}-v{version}-{node_abi}-{platform}-{arch}.tar.gz","host":"https://cdn.npm.taobao.org/dist/fsevents"} [21/24] node-libs-browser@^2.0.0 installed at node_modules/[email protected]@node-libs-browser [22/24] watchpack@^1.5.0 installed at node_modules/[email protected]@watchpack [23/24] micromatch@^3.1.8 installed at node_modules/[email protected]@micromatch [24/24] terser-webpack-plugin@^1.1.0 installed at node_modules/[email protected]@terser-webpack-plugin execute post install 1 scripts... [1/1] scripts.install [email protected] › [email protected] › fsevents@^1.2.7 run "node install", root: "/usr/local/lib/node_modules/webpack/node_modules/[email protected]@fsevents" node-pre-gyp WARN Using needle for node-pre-gyp https download node-pre-gyp http GET https://cdn.npm.taobao.org/dist/fsevents/v1.2.9/fse-v1.2.9-node-v57-darwin-x64.tar.gz node-pre-gyp http 200 https://cdn.npm.taobao.org/dist/fsevents/v1.2.9/fse-v1.2.9-node-v57-darwin-x64.tar.gz [fsevents] Success: "/usr/local/lib/node_modules/webpack/node_modules/[email protected]@fsevents/lib/binding/Release/node-v57-darwin-x64/fse.node" is installed via remote [1/1] scripts.install [email protected] › [email protected] › fsevents@^1.2.7 finished in 354ms Recently updated (since 2019-06-23): 6 packages (detail see file /usr/local/lib/node_modules/webpack/node_modules/.recently_updates.txt) Today: → [email protected] › terser@^4.0.0(4.0.1) (01:11:13) 2019-06-27 → [email protected] › graceful-fs@^4.1.2(4.2.0) (03:39:25) 2019-06-26 → [email protected] › [email protected] › [email protected] › elliptic@^6.0.0(6.5.0) (12:03:46) 2019-06-25 → [email protected] › [email protected] › [email protected] › mixin-deep@^1.2.0(1.3.2) (04:33:47) → [email protected] › [email protected] › [email protected] › [email protected] › set-value@^2.0.0(2.0.1) (05:06:17) → [email protected] › [email protected] › [email protected] › [email protected] › union-value@^1.0.0(1.0.1) (05:09:47) All packages installed (295 packages installed from npm registry, used 4s(network 4s), speed 1.29MB/s, json 271(476.28kB), tarball 4.58MB) [[email protected]] link /usr/local/bin/webpack@ -> /usr/local/lib/node_modules/webpack/bin/webpack.js bash-3.2# sudo npm install -g vue-cli //8.安装vue-cli npm WARN deprecated [email protected]: CoffeeScript on NPM has moved to "coffeescript" (no hyphen) /usr/local/bin/vue -> /usr/local/lib/node_modules/vue-cli/bin/vue /usr/local/bin/vue-init -> /usr/local/lib/node_modules/vue-cli/bin/vue-init /usr/local/bin/vue-list -> /usr/local/lib/node_modules/vue-cli/bin/vue-list + [email protected] added 239 packages from 206 contributors in 120.532s bash-3.2# vue list //9.查看 vue list Available official templates: ★ browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing. ★ browserify-simple - A simple Browserify + vueify setup for quick prototyping. ★ pwa - PWA template for vue-cli based on the webpack template ★ simple - The simplest possible Vue setup in a single HTML file ★ webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction. ★ webpack-simple - A simple Webpack + vue-loader setup for quick prototyping. bash-3.2# cd documents/vue //10.切换到自定义目录 bash-3.2# vue init webpack-simple test1 //11.创建工程文件 test1 ? Project name test1 ? Project description A Vue.js project ? Author albert ? License MIT ? Use sass? No vue-cli · Generated "test1". To get started: cd test1 npm install npm run dev bash-3.2# cd test1 //12.切到工程目录 bash-3.2# cnpm install //13.安装 ✔ Installed 12 packages ✔ Linked 614 latest versions [1/3] scripts.postinstall [email protected] › [email protected] › core-js@^2.5.0 run "node scripts/postinstall || echo \"ignore\"", root: "/Users/loginuser /Documents/vue/test1/node_modules/[email protected]@core-js" Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library! The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: > https://opencollective.com / core-js > https://www.patreon.com/zloirock Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -) [1/3] scripts.postinstall [email protected] › [email protected] › core-js@^2.5.0 finished in 93ms [2/3] scripts.install [email protected] › [email protected] › fsevents@^1.2.7 run "node install", root: "/Users/loginuser /Documents/vue/test1/node_modules/[email protected]@fsevents" node-pre-gyp WARN Using needle for node-pre-gyp https download node-pre-gyp http GET https://cdn.npm.taobao.org/dist/fsevents/v1.2.9/fse-v1.2.9-node-v57-darwin-x64.tar.gz node-pre-gyp http 200 https://cdn.npm.taobao.org/dist/fsevents/v1.2.9/fse-v1.2.9-node-v57-darwin-x64.tar.gz [fsevents] Success: "/Users/loginuser /Documents/vue/test1/node_modules/[email protected]@fsevents/lib/binding/Release/node-v57-darwin-x64/fse.node" is installed via remote [2/3] scripts.install [email protected] › [email protected] › fsevents@^1.2.7 finished in 480ms [3/3] scripts.postinstall [email protected] › uglifyjs-webpack-plugin@^0.4.6 run "node lib/post_install.js", root: "/Users/loginuser /Documents/vue/test1/node_modules/[email protected]@uglifyjs-webpack-plugin" [3/3] scripts.postinstall [email protected] › uglifyjs-webpack-plugin@^0.4.6 finished in 85ms ✔ Run 3 scripts deprecate [email protected] › [email protected] › [email protected] › browserslist@^1.7.6 Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. Recently updated (since 2019-06-23): 9 packages (detail see file /Users/loginuser /Documents/vue/test1/node_modules/.recently_updates.txt) Today: → [email protected] › [email protected] › [email protected] › [email protected] › electron-to-chromium@^1.2.7(1.3.178) (04:02:36) ✔ All packages installed (701 packages installed from npm registry, used 9s(network 9s), speed 1.8MB/s, json 626(1.42MB), tarball 14.01MB) bash-3.2# cnpm install vue-router vue-resource --save ✔ Installed 2 packages ✔ Linked 39 latest versions ✔ Run 0 scripts ✔ All packages installed (32 packages installed from npm registry, used 2s(network 2s), speed 208.12kB/s, json 41(65.25kB), tarball 374.52kB) bash-3.2# cnpm run dev //14. 启动项目 > [email protected] dev /Users/loginuser /Documents/vue/test1 > cross-env NODE_ENV=development webpack-dev-server --open --hot Project is running at http://localhost:8080/ webpack output is served from /dist/ 404s will fallback to /index.html { parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
得到启动界面啦
Reproduced in: https: //www.cnblogs.com/albertfg/p/11109047.html
The Login Last: Sun Jun 30 09:21:27 ON ttys002 LoginUser S-MacBook-Pro: ~ LoginUser npm -v 6.9.2 // 1. View npm version LoginUser S-MacBook-Pro: ~ LoginUser the Node -version the Node: Bad the Option: -version LoginUser S-MacBook-Pro: ~ LoginUser the Node -v v8.11.3 // 2 View node.js version. LoginUser S-MacBook-Pro: sudo -s ~ LoginUser Password:. // 3 administrator privileges bash -3.2 # npm install -g cnpm --registry = https: //registry.npm.taobao.org // 4. CNPM installation fails, no path access Unhandled rejection Error: EISDIR: illegal operation on a directory, open '/ the Users / LoginUser /.npm/_cacache/content-v2/sha512/04/7a ' NPM ERR! CB () Called Never! npm ERR! This is an error with npm itself. Please report this error at: npm ERR! <https://npm.community> npm ERR! A complete log of this run can be found in: npm ERR! /Users/loginuser /.npm/_logs/2019-06-30T02_04_39_468Z-debug.log bash-3.2# sudo chmod -R 777 /usr/local/lib/node_modules/ bash-3.2# npm install -g cnpm --registry=https://registry.npm.taobao.org Unhandled rejection Error: EISDIR: illegal operation on a directory, open '/Users/loginuser /.npm/_cacache/index-v5/87/99' npm ERR! cb() never called! npm ERR! This is an error with npm itself. Please report this error at: npm ERR! <https://npm.community> npm ERR! A complete log of this run can be found in: npm ERR! /Users/loginuser /.npm/_logs/2019-06-30T02_05_06_015Z-debug.log bash-3.2# sudo npm install -g cnpm --registry=https://registry.npm.taobao.org npm ERR! path /Users/loginuser /.npm/_locks npm ERR! code EISDIR npm ERR! errno -21 npm ERR! syscall open npm ERR! EISDIR: illegal operation on a directory, open '/Users/loginuser /.npm/_locks' npm ERR! A complete log of this run can be found in: npm ERR! /Users/loginuser /.npm/_logs/2019-06-30T02_06_02_055Z-debug.log bash-3.2# sudo chown -R $USER /usr/local bash-3.2# sudo chown -R $USER /usr/loginuser chown: /usr/loginuser : No such file or directory bash-3.2# sudo chown -R $USER /users/loginuser //5.添加路径访问权限 bash-3.2# sudo npm install -g cnpm --registry=https://registry.npm.taobao.org// 6. 再次安装cnpm成功 /usr/local/bin/cnpm -> /usr/local/lib/node_modules/cnpm/bin/cnpm + [email protected] added 682 packages from 900 contributors in 15.545s bash-3.2# cnpm install webpack -g //7.安装webpack Downloading webpack to /usr/local/lib/node_modules/webpack_tmp Copying /usr/local/lib/node_modules/webpack_tmp/[email protected]@webpack to /usr/local/lib/node_modules/webpack Installing webpack's dependencies to /usr/local/lib/node_modules/webpack/node_modules [1/24] acorn@^6.0.5 installed at node_modules/[email protected]@acorn [2/24] acorn-dynamic-import@^4.0.0 installed at node_modules/[email protected]@acorn-dynamic-import [3/24] ajv-keywords@^3.1.0 installed at node_modules/[email protected]@ajv-keywords [4/24] @webassemblyjs/[email protected] installed at node_modules/_@[email protected]@@webassemblyjs/helper-module-context [5/24] chrome-trace-event@^1.0.0 installed at node_modules/[email protected]@chrome-trace-event [6/24] memory-fs@~0.4.1 existed at node_modules/[email protected]@memory-fs [7/24] json-parse-better-errors@^1.0.2 installed at node_modules/[email protected]@json-parse-better-errors [8/24] loader-runner@^2.3.0 installed at node_modules/[email protected]@loader-runner [9/24] ajv@^6.1.0 installed at node_modules/[email protected]@ajv [10/24] eslint-scope@^4.0.0 installed at node_modules/[email protected]@eslint-scope [11/24] neo-async@^2.5.0 installed at node_modules/[email protected]@neo-async [12/24] tapable@^1.1.0 existed at node_modules/[email protected]@tapable [13/24] @webassemblyjs/[email protected] installed at node_modules/_@[email protected]@@webassemblyjs/wasm-parser [14/24] @webassemblyjs/[email protected] installed at node_modules/_@[email protected]@@webassemblyjs/wasm-edit [15/24] @webassemblyjs/[email protected] installed at node_modules/_@[email protected]@@webassemblyjs/ast [16/24] mkdirp@~0.5.0 installed at node_modules/[email protected]@mkdirp [17/24] enhanced-resolve@^4.1.0 installed at node_modules/[email protected]@enhanced-resolve [18/24] loader-utils@^1.1.0 installed at node_modules/[email protected]@loader-utils [19/24] schema-utils@^1.0.0 installed at node_modules/[email protected]@schema-utils [20/24] webpack-sources@^1.3.0 installed at node_modules/[email protected]@webpack-sources [email protected] download from binary mirror: {"module_name":"fse","module_path":"./lib/binding/{configuration}/{node_abi}-{platform}-{arch}/","remote_path":"./v{version}/","package_name":"{module_name}-v{version}-{node_abi}-{platform}-{arch}.tar.gz","host":"https://cdn.npm.taobao.org/dist/fsevents"} [21/24] node-libs-browser@^2.0.0 installed at node_modules/[email protected]@node-libs-browser [22/24] watchpack@^1.5.0 installed at node_modules/[email protected]@watchpack [23/24] micromatch@^3.1.8 installed at node_modules/[email protected]@micromatch [24/24] terser-webpack-plugin@^1.1.0 installed at node_modules/[email protected]@terser-webpack-plugin execute post install 1 scripts... [1/1] scripts.install [email protected] › [email protected] › fsevents@^1.2.7 run "node install", root: "/usr/local/lib/node_modules/webpack/node_modules/[email protected]@fsevents" node-pre-gyp WARN Using needle for node-pre-gyp https download node-pre-gyp http GET https://cdn.npm.taobao.org/dist/fsevents/v1.2.9/fse-v1.2.9-node-v57-darwin-x64.tar.gz node-pre-gyp http 200 https://cdn.npm.taobao.org/dist/fsevents/v1.2.9/fse-v1.2.9-node-v57-darwin-x64.tar.gz [fsevents] Success: "/usr/local/lib/node_modules/webpack/node_modules/[email protected]@fsevents/lib/binding/Release/node-v57-darwin-x64/fse.node" is installed via remote [1/1] scripts.install [email protected] › [email protected] › fsevents@^1.2.7 finished in 354ms Recently updated (since 2019-06-23): 6 packages (detail see file /usr/local/lib/node_modules/webpack/node_modules/.recently_updates.txt) Today: → [email protected] › terser@^4.0.0(4.0.1) (01:11:13) 2019-06-27 → [email protected] › graceful-fs@^4.1.2(4.2.0) (03:39:25) 2019-06-26 → [email protected] › [email protected] › [email protected] › elliptic@^6.0.0(6.5.0) (12:03:46) 2019-06-25 → [email protected] › [email protected] › [email protected] › mixin-deep@^1.2.0(1.3.2) (04:33:47) → [email protected] › [email protected] › [email protected] › [email protected] › set-value@^2.0.0(2.0.1) (05:06:17) → [email protected] › [email protected] › [email protected] › [email protected] › union-value@^1.0.0(1.0.1) (05:09:47) All packages installed (295 packages installed from npm registry, used 4s(network 4s), speed 1.29MB/s, json 271(476.28kB), tarball 4.58MB) [[email protected]] link /usr/local/bin/webpack@ -> /usr/local/lib/node_modules/webpack/bin/webpack.js bash-3.2# sudo npm install -g vue-cli //8.安装vue-cli npm WARN deprecated [email protected]: CoffeeScript on NPM has moved to "coffeescript" (no hyphen) /usr/local/bin/vue -> /usr/local/lib/node_modules/vue-cli/bin/vue /usr/local/bin/vue-init -> /usr/local/lib/node_modules/vue-cli/bin/vue-init /usr/local/bin/vue-list -> /usr/local/lib/node_modules/vue-cli/bin/vue-list + [email protected] added 239 packages from 206 contributors in 120.532s bash-3.2# vue list //9.查看 vue list Available official templates: ★ browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing. ★ browserify-simple - A simple Browserify + vueify setup for quick prototyping. ★ pwa - PWA template for vue-cli based on the webpack template ★ simple - The simplest possible Vue setup in a single HTML file ★ webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction. ★ webpack-simple - A simple Webpack + vue-loader setup for quick prototyping. bash-3.2# cd documents/vue //10.切换到自定义目录 bash-3.2# vue init webpack-simple test1 //11.创建工程文件 test1 ? Project name test1 ? Project description A Vue.js project ? Author albert ? License MIT ? Use sass? No vue-cli · Generated "test1". To get started: cd test1 npm install npm run dev bash-3.2# cd test1 //12.切到工程目录 bash-3.2# cnpm install //13.安装 ✔ Installed 12 packages ✔ Linked 614 latest versions [1/3] scripts.postinstall [email protected] › [email protected] › core-js@^2.5.0 run "node scripts/postinstall || echo \"ignore\"", root: "/Users/loginuser /Documents/vue/test1/node_modules/[email protected]@core-js" Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library! The project needs your help! Please consider supporting of core-js on Open Collective or Patreon: > https://opencollective.com/core-js > https://www.patreon.com/zloirock Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -) [1/3] scripts.postinstall [email protected] › [email protected] › core-js@^2.5.0 finished in 93ms [2/3] scripts.install [email protected] › [email protected] › fsevents@^1.2.7 run "node install", root: "/Users/loginuser /Documents/vue/test1/node_modules/[email protected]@fsevents" node-pre-gyp WARN Using needle for node-pre-gyp https download node-pre-gyp http GET https://cdn.npm.taobao.org/dist/fsevents/v1.2.9/fse-v1.2.9-node-v57-darwin-x64.tar.gz node-pre-gyp http 200 https://cdn.npm.taobao.org/dist/fsevents/v1.2.9/fse-v1.2.9-node-v57-darwin-x64.tar.gz [fsevents] Success: "/Users/loginuser /Documents/vue/test1/node_modules/[email protected]@fsevents/lib/binding/Release/node-v57-darwin-x64/fse.node" is installed via remote [2/3] scripts.install [email protected] › [email protected] › fsevents@^1.2.7 finished in 480ms [3/3] scripts.postinstall [email protected] › uglifyjs-webpack-plugin@^0.4.6 run "node lib/post_install.js", root: "/Users/loginuser /Documents/vue/test1/node_modules/[email protected]@uglifyjs-webpack-plugin" [3/3] scripts.postinstall [email protected] › uglifyjs-webpack-plugin@^0.4.6 finished in 85ms ✔ Run 3 scripts deprecate [email protected] › [email protected] › [email protected] › browserslist@^1.7.6 Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools. Recently updated (since 2019-06-23): 9 packages (detail see file /Users/loginuser /Documents/vue/test1/node_modules/.recently_updates.txt) Today: → [email protected] › [email protected] › [email protected] › [email protected] › electron-to-chromium@^1.2.7(1.3.178) (04:02:36) ✔ All packages installed (701 packages installed from npm registry, used 9s(network 9s), speed 1.8MB/s, json 626(1.42MB), tarball 14.01MB) bash-3.2# cnpm install vue-router vue-resource --save ✔ Installed 2 packages ✔ Linked 39 latest versions ✔ Run 0 scripts ✔ All packages installed (32 packages installed from npm registry, used 2s(network 2s), speed 208.12kB/s, json 41(65.25kB), tarball 374.52kB) bash-3.2# cnpm run dev //14. 启动项目 > [email protected] dev /Users/loginuser /Documents/vue/test1 > cross-env NODE_ENV=development webpack-dev-server --open --hot Project is running at http://localhost:8080/ webpack output is served from /dist/ 404s will fallback to /index.html { parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
得到启动界面啦