折腾:
【记录】本地用后台管理页面框架搭建图表原型
期间,去
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | /Users/crifan/dev/dev_root/projects/ 通讯可视化 /sourcecode/web ➜ web git clone https: //github .com /PanJiaChen/vueAdmin-template .git Cloning into 'vueAdmin-template' ... remote: Counting objects: 1040, done . remote: Compressing objects: 100% (39 /39 ), done . remote: Total 1040 (delta 4), reused 29 (delta 1), pack-reused 998 Receiving objects: 100% (1040 /1040 ), 558.83 KiB | 52.00 KiB /s , done . Resolving deltas: 100% (547 /547 ), done . ➜ web cd vueAdmin-template ➜ vueAdmin-template git:(master) ll total 176 -rw-r--r-- 1 crifan staff 1.0K 7 12 22:17 LICENSE -rw-r--r-- 1 crifan staff 3.1K 7 12 22:17 README-zh.md -rw-r--r-- 1 crifan staff 2.2K 7 12 22:17 README.md drwxr-xr-x 10 crifan staff 320B 7 12 22:17 build drwxr-xr-x 5 crifan staff 160B 7 12 22:17 config -rw-r--r-- 1 crifan staff 66K 7 12 22:17 favicon.ico -rw-r--r-- 1 crifan staff 280B 7 12 22:17 index.html -rw-r--r-- 1 crifan staff 2.3K 7 12 22:17 package.json drwxr-xr-x 14 crifan staff 448B 7 12 22:17 src drwxr-xr-x 3 crifan staff 96B 7 12 22:17 static ➜ vueAdmin-template git:(master) npm install ... |
然后由于网络太慢,中断了,继续,虽然npm install没问题
但是run dev出错了:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 | Downloading binary from ➜ vueAdmin-template git:(master) ➜ vueAdmin-template git:(master) ➜ vueAdmin-template git:(master) npm install npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN vue-admin-template@3.6.0 No repository field. up to date in 12.129s ➜ vueAdmin-template git:(master) npm run dev > vue-admin-template@3.6.0 dev /Users/crifan/dev/dev_root/projects/通讯可视化/sourcecode/web/vueAdmin-template > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 94% asset optimization ERROR Failed to compile with 8 errors 22:21:49 error in ./src/styles/index.scss Module build failed: Error: Missing binding /Users/crifan/dev/dev_root/projects/通讯可视化/sourcecode/web/vueAdmin-template/node_modules/node-sass/vendor/darwin-x64-64/binding.node Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 10.x Found bindings for the following environments: - OS X 64-bit with Node.js 10.x This usually happens because your environment has changed since running `npm install`. Run `npm rebuild node-sass` to download the binding for your current environment. at module.exports (/Users/crifan/dev/dev_root/projects/通讯可视化/sourcecode/web/vueAdmin-template/node_modules/node-sass/lib/binding.js:15:13) at Object.< anonymous > (/Users/crifan/dev/dev_root/projects/通讯可视化/sourcecode/web/vueAdmin-template/node_modules/node-sass/lib/index.js:14:35) at Module._compile (internal/modules/cjs/loader.js:702:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10) at Module.load (internal/modules/cjs/loader.js:612:32) at tryModuleLoad (internal/modules/cjs/loader.js:551:12) at Function.Module._load (internal/modules/cjs/loader.js:543:3) at Module.require (internal/modules/cjs/loader.js:650:17) at require (internal/modules/cjs/helpers.js:20:18) at Object.< anonymous > (/Users/crifan/dev/dev_root/projects/通讯可视化/sourcecode/web/vueAdmin-template/node_modules/sass-loader/lib/loader.js:3:14) at Module._compile (internal/modules/cjs/loader.js:702:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10) at Module.load (internal/modules/cjs/loader.js:612:32) at tryModuleLoad (internal/modules/cjs/loader.js:551:12) at Function.Module._load (internal/modules/cjs/loader.js:543:3) at Module.require (internal/modules/cjs/loader.js:650:17) @ ./src/styles/index.scss 4:14-203 13:3-17:5 14:22-211 @ ./src/main.js @ multi (webpack)-dev-server/client? webpack/hot/dev-server ./src/main.js error in ./src/views/404.vue |
算了,删除目录,重新git clone试试
如果还是安装太慢,再去换taobao的registry
结果中间也是:报错找不到python2,并卡死的感觉:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 | ➜ vueAdmin - template git:(master) npm install > fsevents@ 1.2 . 4 install / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / fsevents > node install [fsevents] Success: "/Users/crifan/dev/dev_root/projects/通讯可视化/sourcecode/web/vueAdmin-template/node_modules/fsevents/lib/binding/Release/node-v64-darwin-x64/fse.node" already installed Pass - - update - binary to reinstall or - - build - from - source to recompile > node - sass@ 4.9 . 2 install / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / node - sass > node scripts / install.js Downloading binary from https: / / github.com / sass / node - sass / releases / download / v4. 9.2 / darwin - x64 - 64_binding .node Cannot download " https: / / github.com / sass / node - sass / releases / download / v4. 9.2 / darwin - x64 - 64_binding .node ": read ECONNRESET Hint: If github.com is not accessible in your location try setting a proxy via HTTP_PROXY, e.g. export HTTP_PROXY = http: / / example.com: 1234 or configure npm proxy via npm config set proxy http: / / example.com: 8080 > uglifyjs - webpack - plugin@ 0.4 . 6 postinstall / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / webpack / node_modules / uglifyjs - webpack - plugin > node lib / post_install.js > node - sass@ 4.9 . 2 postinstall / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / node - sass > node scripts / build.js Building: / Users / crifan / .nvm / versions / node / v10. 4.0 / bin / node / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / node - gyp / bin / node - gyp.js rebuild - - verbose - - libsass_ext = - - libsass_cflags = - - libsass_ldflags = - - libsass_library = gyp info it worked if it ends with ok gyp verb cli [ '/Users/crifan/.nvm/versions/node/v10.4.0/bin/node' , gyp verb cli '/Users/crifan/dev/dev_root/projects/通讯可视化/sourcecode/web/vueAdmin-template/node_modules/node-gyp/bin/node-gyp.js' , gyp verb cli 'rebuild' , gyp verb cli '--verbose' , gyp verb cli '--libsass_ext=' , gyp verb cli '--libsass_cflags=' , gyp verb cli '--libsass_ldflags=' , gyp verb cli '--libsass_library=' ] gyp info using node - gyp@ 3.7 . 0 gyp info using node@ 10.4 . 0 | darwin | x64 gyp verb command rebuild [] gyp verb command clean [] gyp verb clean removing "build" directory gyp verb command configure [] gyp WARN download NVM_NODEJS_ORG_MIRROR is deprecated and will be removed in node - gyp v4, please use NODEJS_ORG_MIRROR gyp verb download using dist - url https: / / nodejs.org / dist gyp verb check python checking for Python executable "python2" in the PATH gyp verb `which` failed Error: not found: python2 gyp verb `which` failed at getNotFoundError ( / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / which / which.js: 13 : 12 ) gyp verb `which` failed at F ( / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / which / which.js: 68 : 19 ) gyp verb `which` failed at E ( / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / which / which.js: 80 : 29 ) gyp verb `which` failed at / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / which / which.js: 89 : 16 gyp verb `which` failed at / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / isexe / index.js: 42 : 5 gyp verb `which` failed at / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / isexe / mode.js: 8 : 5 gyp verb `which` failed at FSReqWrap.oncomplete (fs.js: 184 : 21 ) gyp verb `which` failed python2 { Error: not found: python2 gyp verb `which` failed at getNotFoundError ( / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / which / which.js: 13 : 12 ) gyp verb `which` failed at F ( / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / which / which.js: 68 : 19 ) gyp verb `which` failed at E ( / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / which / which.js: 80 : 29 ) gyp verb `which` failed at / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / which / which.js: 89 : 16 gyp verb `which` failed at / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / isexe / index.js: 42 : 5 gyp verb `which` failed at / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / isexe / mode.js: 8 : 5 gyp verb `which` failed at FSReqWrap.oncomplete (fs.js: 184 : 21 ) gyp verb `which` failed stack: gyp verb `which` failed 'Error: not found: python2\n at getNotFoundError (/Users/crifan/dev/dev_root/projects/通讯可视化/sourcecode/web/vueAdmin-template/node_modules/which/which.js:13:12)\n at F (/Users/crifan/dev/dev_root/projects/通讯可视化/sourcecode/web/vueAdmin-template/node_modules/which/which.js:68:19)\n at E (/Users/crifan/dev/dev_root/projects/通讯可视化/sourcecode/web/vueAdmin-template/node_modules/which/which.js:80:29)\n at /Users/crifan/dev/dev_root/projects/通讯可视化/sourcecode/web/vueAdmin-template/node_modules/which/which.js:89:16\n at /Users/crifan/dev/dev_root/projects/通讯可视化/sourcecode/web/vueAdmin-template/node_modules/isexe/index.js:42:5\n at /Users/crifan/dev/dev_root/projects/通讯可视化/sourcecode/web/vueAdmin-template/node_modules/isexe/mode.js:8:5\n at FSReqWrap.oncomplete (fs.js:184:21)' , gyp verb `which` failed code: 'ENOENT' } gyp verb check python checking for Python executable "python" in the PATH gyp verb `which` succeeded python / usr / bin / python gyp verb check python version ` / usr / bin / python - c "import platform; print(platform.python_version());" ` returned: "2.7.10\n" gyp verb get node dir no - - target version specified, falling back to host node version: 10.4 . 0 gyp verb command install [ '10.4.0' ] gyp WARN download NVM_NODEJS_ORG_MIRROR is deprecated and will be removed in node - gyp v4, please use NODEJS_ORG_MIRROR gyp verb download using dist - url https: / / nodejs.org / dist gyp verb install input version string "10.4.0" gyp verb install installing version: 10.4 . 0 gyp verb install - - ensure was passed, so won't reinstall if already installed gyp verb install version not already installed, continuing with install 10.4 . 0 gyp verb ensuring nodedir is created / Users / crifan / .node - gyp / 10.4 . 0 gyp verb created nodedir / Users / crifan / .node - gyp / 10.4 . 0 gyp http GET https: / / nodejs.org / dist / v10. 4.0 / node - v10. 4.0 - headers.tar.gz gyp http 200 https: / / nodejs.org / dist / v10. 4.0 / node - v10. 4.0 - headers.tar.gz gyp verb extracted file from tarball include / node / android - ifaddrs.h gyp verb extracted file from tarball include / node / common.gypi gyp verb extracted file from tarball include / node / config.gypi gyp verb extracted file from tarball include / node / node.h gyp verb extracted file from tarball include / node / node_api.h gyp verb extracted file from tarball include / node / node_api_types.h gyp verb extracted file from tarball include / node / node_buffer.h gyp verb extracted file from tarball include / node / node_object_wrap.h gyp verb extracted file from tarball include / node / node_version.h gyp verb extracted file from tarball include / node / pthread - barrier.h gyp verb extracted file from tarball include / node / stdint - msvc2008.h gyp verb extracted file from tarball include / node / tree.h gyp verb extracted file from tarball include / node / uv - aix.h gyp verb extracted file from tarball include / node / uv - bsd.h gyp verb extracted file from tarball include / node / uv - darwin.h gyp verb extracted file from tarball include / node / uv - errno.h gyp verb extracted file from tarball include / node / uv - linux.h gyp verb extracted file from tarball include / node / uv - os390.h gyp verb extracted file from tarball include / node / uv - posix.h gyp verb extracted file from tarball include / node / uv - sunos.h gyp verb extracted file from tarball include / node / uv - threadpool.h gyp verb extracted file from tarball include / node / uv - unix.h gyp verb extracted file from tarball include / node / uv - version.h gyp verb extracted file from tarball include / node / uv - win.h gyp verb extracted file from tarball include / node / uv.h gyp verb extracted file from tarball include / node / v8 - inspector - protocol.h gyp verb extracted file from tarball include / node / v8 - inspector.h gyp verb extracted file from tarball include / node / v8 - platform.h gyp verb extracted file from tarball include / node / v8 - profiler.h gyp verb extracted file from tarball include / node / v8 - testing.h gyp verb extracted file from tarball include / node / v8 - util.h |
试试:
1 2 | npm install --registry= https: //registry .npm.taobao.org |
不过和没加参数没多大区别,还是很慢,很多东西还是从github上下载的(而不是以为的taobao)
最后终于install完毕了:
1 2 3 4 5 6 7 8 9 10 | c + + '-DNODE_GYP_MODULE_NAME=binding' '-DUSING_UV_SHARED=1' '-DUSING_V8_SHARED=1' '-DV8_DEPRECATION_WARNINGS=1' '-D_DARWIN_USE_64_BIT_INODE=1' '-D_LARGEFILE_SOURCE' '-D_FILE_OFFSET_BITS=64' '-DBUILDING_NODE_EXTENSION' - I / Users / crifan / .node - gyp / 10.4 . 0 / include / node - I / Users / crifan / .node - gyp / 10.4 . 0 / src - I / Users / crifan / .node - gyp / 10.4 . 0 / deps / openssl / config - I / Users / crifan / .node - gyp / 10.4 . 0 / deps / openssl / openssl / include - I / Users / crifan / .node - gyp / 10.4 . 0 / deps / uv / include - I / Users / crifan / .node - gyp / 10.4 . 0 / deps / zlib - I / Users / crifan / .node - gyp / 10.4 . 0 / deps / v8 / include - I.. / .. / nan - I.. / src / libsass / include - Os - gdwarf - 2 - mmacosx - version - min = 10.7 - arch x86_64 - Wall - Wendif - labels - W - Wno - unused - parameter - std = gnu + + 1y - stdlib = libc + + - fno - rtti - fno - exceptions - fno - threadsafe - statics - std = c + + 11 - MMD - MF . / Release / .deps / Release / obj.target / binding / src / sass_types / string.o.d.raw - c - o Release / obj.target / binding / src / sass_types / string.o .. / src / sass_types / string.cpp c + + - bundle - undefined dynamic_lookup - Wl, - no_pie - Wl, - search_paths_first - mmacosx - version - min = 10.7 - arch x86_64 - L. / Release - stdlib = libc + + - o Release / binding.node Release / obj.target / binding / src / binding.o Release / obj.target / binding / src / create_string.o Release / obj.target / binding / src / custom_function_bridge.o Release / obj.target / binding / src / custom_importer_bridge.o Release / obj.target / binding / src / sass_context_wrapper.o Release / obj.target / binding / src / sass_types / boolean.o Release / obj.target / binding / src / sass_types / color.o Release / obj.target / binding / src / sass_types / error.o Release / obj.target / binding / src / sass_types / factory.o Release / obj.target / binding / src / sass_types / list .o Release / obj.target / binding / src / sass_types / map .o Release / obj.target / binding / src / sass_types / null.o Release / obj.target / binding / src / sass_types / number.o Release / obj.target / binding / src / sass_types / string.o Release / sass.a gyp info ok Installed to / Users / crifan / dev / dev_root / projects / 通讯可视化 / sourcecode / web / vueAdmin - template / node_modules / node - sass / vendor / darwin - x64 - 64 / binding.node npm notice created a lockfile as package - lock.json. You should commit this file . npm WARN ajv - keywords@ 3.2 . 0 requires a peer of ajv@^ 6.0 . 0 but none is installed. You must install peer dependencies yourself. npm WARN vue - admin - template@ 3.6 . 0 No repository field. added 1444 packages from 732 contributors in 305.304s ➜ vueAdmin - template git:(master) |

【总结】
此处
1 | npm install |
或
1 2 | npm install --registry= https: //registry .npm.taobao.org |
感觉效果都一样的慢。
中间停顿了,不要以为卡死了,多等一下就可以继续安装了。