1. 程式人生 > 其它 >使用vue-cli初始化專案時執行‘npm run dev’報錯

使用vue-cli初始化專案時執行‘npm run dev’報錯

技術標籤:webpackjsvuenpmrundevwebpack

npm run dev

無法啟動

0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli   'D:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'D:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'run',
1 verbose cli   'dev'
1 verbose cli ]
2 info using 
[email protected]
3 info using [email protected] 4 verbose run-script [ 'predev', 'dev', 'postdev' ] 5 info lifecycle [email protected]~predev: [email protected] 6 info lifecycle [email protected]~dev: [email protected] 7 verbose lifecycle [email protected]~dev: unsafe-perm in lifecycle true 8 verbose lifecycle
[email protected]
~dev: PATH: D:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;E:\code\renren-fast-vue\node_modules\.bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;D:\Program Files\nodejs;D:\Program Files (x86)\Yarn\bin;E:\jdk1.8.0_131\bin;E:\jdk1.8.0_131\jre\bin;E:\maven-3.6.3\bin;E:\hadoop\hadoop-2.7.3\bin;E:\PortableGit\cmd;E:\flutter\bin;E:\src\gradle-6.8.2\bin;C:\Users\01\AppData\Roaming\npm;C:\Program Files (x86)\SSH Communications Security\SSH Secure Shell;C:\Users\01\AppData\Local\Yarn\bin;D:\Program Files\Fiddler 9 verbose lifecycle
[email protected]
~dev: CWD: E:\code\renren-fast-vue 10 silly lifecycle [email protected]~dev: Args: [ 10 silly lifecycle '/d /s /c', 10 silly lifecycle 'webpack-dev-server --inline --progress --config build/webpack.dev.conf.js' 10 silly lifecycle ] 11 silly lifecycle [email protected]~dev: Returned: code: 1 signal: null 12 info lifecycle [email protected]~dev: Failed to exec dev script 13 verbose stack Error: [email protected] dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` 13 verbose stack Exit status 1 13 verbose stack at EventEmitter.<anonymous> (D:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16) 13 verbose stack at EventEmitter.emit (events.js:315:20) 13 verbose stack at ChildProcess.<anonymous> (D:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14) 13 verbose stack at ChildProcess.emit (events.js:315:20) 13 verbose stack at maybeClose (internal/child_process.js:1021:16) 13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5) 14 verbose pkgid [email protected] 15 verbose cwd E:\code\renren-fast-vue 16 verbose Windows_NT 6.1.7601 17 verbose argv "D:\\Program Files\\nodejs\\node.exe" "D:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "dev" 18 verbose node v12.18.2 19 verbose npm v6.14.5 20 error code ELIFECYCLE 21 error errno 1 22 error [email protected] dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` 22 error Exit status 1 23 error Failed at the [email protected] dev script. 23 error This is probably not a problem with npm. There is likely additional logging output above. 24 verbose exit [ 1, true ]

可能是沒安裝,執行一下安裝語句

npm install --registry=https://registry.npm.taobao.org
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: this library is no longer supported
npm ERR! code EEXIST
npm ERR! path E:\code\renren-fast-vue\node_modules\execa\node_modules\cross-spawn\node_modules\.bin\which.ps1
npm ERR! Refusing to delete E:\code\renren-fast-vue\node_modules\execa\node_modules\cross-spawn\node_modules\.bin\which.ps1: ../../../[email protected]@which/bin/which symlink target is not controlled by n
pm E:\code\renren-fast-vue\node_modules\execa\node_modules\cross-spawn\node_modules\which
npm ERR! File exists: E:\code\renren-fast-vue\node_modules\execa\node_modules\cross-spawn\node_modules\.bin\which.ps1
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\01\AppData\Roaming\npm-cache\_logs\2021-02-10T08_37_19_781Z-debug.log

提示檔案刪除錯誤,可以新增強制引數

npm install --force --registry=https://registry.npm.taobao.org
npm WARN using --force I sure hope you know what you are doing.
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/requ
est/issues/3142
npm WARN deprecated [email protected]: this library is no longer supported
npm ERR! code EEXIST
npm ERR! path E:\code\renren-fast-vue\node_modules\jest-cli\node_modules\node-notifier\node_modules\
.bin\which.ps1
npm ERR! Refusing to delete E:\code\renren-fast-vue\node_modules\jest-cli\node_modules\node-notifier
\node_modules\.bin\which.ps1: ../../../[email protected]@which/bin/which symlink target is not controlled
 by npm E:\code\renren-fast-vue\node_modules\jest-cli\node_modules\node-notifier\node_modules\which
npm ERR! File exists: E:\code\renren-fast-vue\node_modules\jest-cli\node_modules\node-notifier\node_
modules\.bin\which.ps1
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\01\AppData\Roaming\npm-cache\_logs\2021-02-10T08_53_34_140Z-debug.log
npm WARN using --force I sure hope you know what you are doing.
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/requ
est/issues/3142
npm WARN deprecated [email protected]: this library is no longer supported
npm ERR! code EEXIST
npm ERR! path E:\code\renren-fast-vue\node_modules\webpack-dev-server\node_modules\portfinder\node_m
odules\.bin\mkdirp.ps1
npm ERR! Refusing to delete E:\code\renren-fast-vue\node_modules\webpack-dev-server\node_modules\por
tfinder\node_modules\.bin\mkdirp.ps1: ../../../[email protected]@mkdirp/bin/cmd.js symlink target is not
 controlled by npm E:\code\renren-fast-vue\node_modules\webpack-dev-server\node_modules\portfinder\n
ode_modules\mkdirp
npm ERR! File exists: E:\code\renren-fast-vue\node_modules\webpack-dev-server\node_modules\portfinde
r\node_modules\.bin\mkdirp.ps1
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\01\AppData\Roaming\npm-cache\_logs\2021-02-10T08_58_27_230Z-debug.log

接著把這些有錯誤的模組刪了

cross-spawn
execa
jest-cli
webpack-dev-server

再試試

npm install --force --registry=https://registry.npm.taobao.org
npm WARN using --force I sure hope you know what you are doing.
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/requ
est/issues/3142
npm WARN deprecated [email protected]: this library is no longer supported
npm ERR! code EEXIST
npm ERR! path E:\code\renren-fast-vue\node_modules\[email protected]@webpack\node_modules\uglifyjs-webp
ack-plugin\node_modules\.bin\uglifyjs.ps1
npm ERR! Refusing to delete E:\code\renren-fast-vue\node_modules\[email protected]@webpack\node_modules
\uglifyjs-webpack-plugin\node_modules\.bin\uglifyjs.ps1: ../../../[email protected]@uglify-js/bin/ug
lifyjs symlink target is not controlled by npm E:\code\renren-fast-vue\node_modules\[email protected]@w
ebpack\node_modules\uglifyjs-webpack-plugin\node_modules\uglify-js
npm ERR! File exists: E:\code\renren-fast-vue\node_modules\[email protected]@webpack\node_modules\uglif
yjs-webpack-plugin\node_modules\.bin\uglifyjs.ps1
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\01\AppData\Roaming\npm-cache\_logs\2021-02-10T09_05_56_965Z-debug.log

繼續刪

[email protected]@webpack

npm WARN using --force I sure hope you know what you are doing.
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/requ
est/issues/3142
npm WARN deprecated [email protected]: this library is no longer supported
npm ERR! code EEXIST
npm ERR! path E:\code\renren-fast-vue\node_modules\[email protected]@babel-preset-vue-app\
node_modules\babel-preset-env\node_modules\.bin\browserslist.ps1
npm ERR! Refusing to delete E:\code\renren-fast-vue\node_modules\[email protected]@babel-p
reset-vue-app\node_modules\babel-preset-env\node_modules\.bin\browserslist.ps1: ../../../_browsersli
[email protected]@browserslist/cli.js symlink target is not controlled by npm E:\code\renren-fast-vue\node_mo
dules\[email protected]@babel-preset-vue-app\node_modules\babel-preset-env\node_modules\br
owserslist
npm ERR! File exists: E:\code\renren-fast-vue\node_modules\[email protected]@babel-preset-
vue-app\node_modules\babel-preset-env\node_modules\.bin\browserslist.ps1
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\01\AppData\Roaming\npm-cache\_logs\2021-02-10T09_11_39_526Z-debug.log

babel-preset-vue-app

[email protected]@babel-preset-vue-app

npm WARN using --force I sure hope you know what you are doing.
npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/requ
est/issues/3142
npm WARN deprecated [email protected]: this library is no longer supported
npm ERR! code EEXIST
npm ERR! path E:\code\renren-fast-vue\node_modules\[email protected]@svgo\node_modules\js-yaml\node_module
s\.bin\esparse.ps1
npm ERR! Refusing to delete E:\code\renren-fast-vue\node_modules\[email protected]@svgo\node_modules\js-ya
ml\node_modules\.bin\esparse.ps1: ../../../[email protected]@esprima/bin/esparse.js symlink target is n
ot controlled by npm E:\code\renren-fast-vue\node_modules\[email protected]@svgo\node_modules\js-yaml\node
_modules\esprima
npm ERR! File exists: E:\code\renren-fast-vue\node_modules\[email protected]@svgo\node_modules\js-yaml\nod
e_modules\.bin\esparse.ps1
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\01\AppData\Roaming\npm-cache\_logs\2021-02-10T09_15_45_153Z-debug.log

只能全部刪了

npm install --force --registry=https://registry.npm.taobao.org

Downloading https://chromedriver.storage.googleapis.com/2.27/chromedriver_win32.zip
Saving to C:\Users\01\AppData\Local\Temp\chromedriver\chromedriver_win32.zip

這個卡住了,只能手動下載,然後放到C:\Users\01\AppData\Local\Temp\chromedriver資料夾下,再執行

成功安裝

npm run dev
 error  in ./src/assets/scss/index.scss

Module build failed: Error: ENOENT: no such file or directory, scandir 'E:\code\renren-fast-vue\node
_modules\node-sass\vendor'
    at Object.readdirSync (fs.js:948:3)
    at Object.getInstalledBinaries (E:\code\renren-fast-vue\node_modules\node-sass\lib\extensions.js
:132:13)
    at foundBinariesList (E:\code\renren-fast-vue\node_modules\node-sass\lib\errors.js:20:15)
    at foundBinaries (E:\code\renren-fast-vue\node_modules\node-sass\lib\errors.js:15:5)
    at Object.module.exports.missingBinary (E:\code\renren-fast-vue\node_modules\node-sass\lib\error
s.js:45:5)
    at module.exports (E:\code\renren-fast-vue\node_modules\node-sass\lib\binding.js:15:30)
    at Object.<anonymous> (E:\code\renren-fast-vue\node_modules\node-sass\lib\index.js:14:35)
    at Module._compile (internal/modules/cjs/loader.js:1138:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1158:10)
    at Module.load (internal/modules/cjs/loader.js:986:32)
    at Function.Module._load (internal/modules/cjs/loader.js:879:14)
    at Module.require (internal/modules/cjs/loader.js:1026:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object.<anonymous> (E:\code\renren-fast-vue\node_modules\sass-loader\lib\loader.js:3:14)
    at Module._compile (internal/modules/cjs/loader.js:1138:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1158:10)

 @ ./src/assets/scss/index.scss 4:14-212 13:3-17:5 14:22-220
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8001 webpack/hot/dev-server babel-polyfill ./s
rc/main.js

重灌一下node-sass

npm rebuild node-sass
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack     at PythonFinder.failNoPython (E:\code\renren-fast-vue\node_modules\node-gyp\lib\c
onfigure.js:484:19)
gyp ERR! stack     at PythonFinder.<anonymous> (E:\code\renren-fast-vue\node_modules\node-gyp\lib\co
nfigure.js:509:16)
gyp ERR! stack     at callback (E:\code\renren-fast-vue\node_modules\graceful-fs\polyfills.js:299:20
)
gyp ERR! stack     at FSReqCallback.oncomplete (fs.js:167:21)
gyp ERR! System Windows_NT 6.1.7601
gyp ERR! command "D:\\Program Files\\nodejs\\node.exe" "E:\\code\\renren-fast-vue\\node_modules\\nod
e-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldfla
gs=" "--libsass_library="
gyp ERR! cwd E:\code\renren-fast-vue\node_modules\node-sass
gyp ERR! node -v v12.18.2
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
Build failed with error code: 1
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall 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!     C:\Users\01\AppData\Roaming\npm-cache\_logs\2021-02-10T09_49_30_958Z-debug.log

竟然需要裝python

下載了3.9.1 提示需要win8以上

下載python-2.7.18.amd64.msi安裝

最後才執行成功

本篇就到這,謝謝閱讀

獲取最新資訊,歡迎關注公眾號: 軟體開發與技術設計(SoftwareDesigner)