用的是vue-cli3腳手架工具創建了專案
依次添加以下依賴
vue add element
vue add axios
vue add echarts
運行npm run serve
然后就報錯：
Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree
詳細報錯如下
INFO Starting development server...
ERROR Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree.
Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree.
at Object.<anonymous> (F:\Work_zxz\vue\init_hzgh\node_modules\@vue\cli-service\node_modules\vue-loader\dist\index.js:10:11)
at Module._compile (internal/modules/cjs/loader.js:805:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:816:10)
at Module.load (internal/modules/cjs/loader.js:672:32)
at tryModuleLoad (internal/modules/cjs/loader.js:612:12)
at Function.Module._load (internal/modules/cjs/loader.js:604:3)
at Module.require (internal/modules/cjs/loader.js:711:19)
at require (internal/modules/cjs/helpers.js:14:16)
at api.chainWebpack.webpackConfig (F:\Work_zxz\vue\init_hzgh\node_modules\@vue\cli-service\lib\config\base.js:110:16)
at webpackChainFns.forEach.fn (F:\Work_zxz\vue\init_hzgh\node_modules\@vue\cli-service\lib\Service.js:236:40)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] serve 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\Administrator\AppData\Roaming\npm-cache\_logs\2020-08-27T01_33_51_138Z-debug.log
具體的log日志如下
0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli 'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'serve' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'preserve', 'serve', 'postserve' ]
5 info lifecycle [email protected]~preserve: [email protected]
6 info lifecycle [email protected]~serve: [email protected]
7 verbose lifecycle [email protected]~serve: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]~serve: PATH: C:\Users\Administrator\AppData\Roaming\nvm\v11.13.0\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;F:\Work_zxz\vue\init_hzgh\node_modules\.bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files\TortoiseSVN\bin;C:\Program Files (x86)\Microsoft SQL Server\100\Tools\Binn\;C:\Program Files\Microsoft SQL Server\100\Tools\Binn\;C:\Program Files\Microsoft SQL Server\100\DTS\Binn\;C:\Program Files\Git\cmd;C:\Program Files\Microsoft\Web Platform Installer\;%NVM_HOME%;%NVM_SYMLINK%;C:\Program Files\dotnet\;C:\Program Files\Microsoft SQL Server\130\Tools\Binn\;C:\Program Files\Microsoft SQL Server\Client SDK\ODBC\170\Tools\Binn\;C:\Users\Administrator\AppData\Local\Microsoft\WindowsApps;C:\Users\Administrator\AppData\Roaming\npm;C:\Users\Administrator\AppData\Local\BypassRuntm;C:\Users\Administrator\AppData\Roaming\nvm;C:\Program Files\nodejs;D:\Program Files\Microsoft VS Code\bin
9 verbose lifecycle [email protected]~serve: CWD: F:\Work_zxz\vue\init_hzgh
10 silly lifecycle [email protected]~serve: Args: [ '/d /s /c', 'vue-cli-service serve' ]
11 silly lifecycle [email protected]~serve: Returned: code: 1 signal: null
12 info lifecycle [email protected]~serve: Failed to exec serve script
13 verbose stack Error: [email protected] serve: `vue-cli-service serve`
13 verbose stack Exit status 1
13 verbose stack at EventEmitter.<anonymous> (C:\Users\Administrator\AppData\Roaming\nvm\v11.13.0\node_modules\npm\node_modules\npm-lifecycle\index.js:301:16)
13 verbose stack at EventEmitter.emit (events.js:193:13)
13 verbose stack at ChildProcess.<anonymous> (C:\Users\Administrator\AppData\Roaming\nvm\v11.13.0\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:193:13)
13 verbose stack at maybeClose (internal/child_process.js:1001:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:266:5)
14 verbose pkgid [email protected]
15 verbose cwd F:\Work_zxz\vue\init_hzgh
16 verbose Windows_NT 10.0.16299
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "serve"
18 verbose node v11.13.0
19 verbose npm v6.7.0
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] serve: `vue-cli-service serve`
22 error Exit status 1
23 error Failed at the [email protected] serve script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
后來每次只添加一個依賴，然后編譯運行，發現還是報同樣的錯，
請問這是什么原因？發現除了剛創建好的專案沒有問題，只要add一個依賴就一定會報錯orz
uj5u.com熱心網友回復：
為何要用vue add 而不是用npm install？uj5u.com熱心網友回復：
一些博客里提到說vuecli3版本的添加插件的方法和以前npm install不一樣，難道不是這樣嘛uj5u.com熱心網友回復：
我好像沒用過add
add 是react的吧
uj5u.com熱心網友回復：
不太清楚具體區別，add的會添加到plugins檔案夾內，install會加到node_modules檔案夾內uj5u.com熱心網友回復：
我換了個axios插件，vue-axios，安裝之后報這個錯，是vue-loader沒法決議什么東西嘛？
uj5u.com熱心網友回復：
vue add是安裝vue cli的插件或者自己拓展的腳手架插件，vue cli檔案都沒去看...把node_modules和package.lock檔案刪掉，重新npm install吧，安裝插件使用npm install
uj5u.com熱心網友回復：
npm install axios轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/12145.html
標籤：其他
上一篇：問題自己解決 回復散分
下一篇：js怎么實作瀏覽器關閉按鈕