使用@vue/cli4.2.3 create初始化一個項目后,運行命令一直報如下錯誤,提示ansi-sytles找不到
解決過程:
1、以為是缺少提示中的包,直接按照提示安裝ansi-sytles,無果。
事情遠沒有想的這么簡單
2、rm -rf node_modules 再 npm install,無果
3、rm -rf node_modules 再npm cache clean -f清空緩存,再 npm install,無果
4、懷疑是自己電腦環境,找同事初始化了一個項目打包給我,運行npm run serve,還是同樣的報錯
5、有點絕望了,看到網上說@vue-cli4會自己升級sass-loader,于是升級了sass-loader,但是會提示node-sass安裝不上,(原因是node-sass要從github上下載包,國內網絡環境導致經常安裝不上)想辦法裝上了node-sass,依舊無果~
對應攻略:https://blog.csdn.net/qq_39953537/article/details/102759821
6、嘗試將@vue/cli降級后再初始化出來一個項目,成功!
以下是前五步出錯階段一直存在的報錯提示:
$ npm run serve
temp@0.1.0 serve E:\test\temp
vue-cli-service serve
INFO Starting development server...
WARN A new version of sass-loader is available. Please upgrade for best experience.
ERROR Error: Cannot find module 'ansi-styles'
Error: Cannot find module 'ansi-styles'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
at Function.Module._load (internal/modules/cjs/loader.js:562:25)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (internal/modules/cjs/helpers.js:25:18)
at Object.<anonymous> (E:\node_modules\eslint\node_modules\chalk\index.js:3:18)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (internal/modules/cjs/helpers.js:25:18)
at Object.<anonymous> (E:\node_modules\eslint\lib\formatters\codeframe.js:7:15)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! temp@0.1.0 serve: vue-cli-service serve
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the temp@0.1.0 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! D:\MyData\ex_zengfr\AppData\Roaming\npm-cache_logs\2020-03-12T06_57_36_529Z-debug.log