以下npm命令都可以使用cnpm或yarn命令代替。
1. 查看package.json里面有没有vue-cli-service;有则删除node modules,重新安装 node_modules:
npm install
没有则单独安装 vue-cli-service:
npm install -g @vue/cli-service
(或者:直接删除node modules和package-lock.json,运行npm install。)
2. vscode终端运行:
vue -V
查看vue-cli版本为:2.9.6
3. 卸载旧版本vue-cli
npm uninstall vue-cli -g
4. 再安装新版本:
npm install -g @vue/cli
5. 再运行:
npm run serve
6. 报错:
npm run serve
> subapp-admin@0.1.0 serve
> vue-cli-service serve
internal/modules/cjs/loader.js:638
throw err;
^
Error: Cannot find module '@vue/cli-plugin-babel'
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 idToPlugin (C:\Users\Administrator\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:145:14)
at Object.keys.concat.filter.map.id (C:\Users\Administrator\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:184:20)
at Array.map (<anonymous>)
at Service.resolvePlugins (C:\Users\Administrator\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:170:10)
at new Service (C:\Users\Administrator\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:32:25)
at Object.<anonymous> (C:\Users\Administrator\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js:15:17)
7. 安装开发依赖:
npm install @vue/cli-plugin-babel -g
依赖安装提示:
peerDependencies WARNING @vue/babel-preset-app@^4.5.13 requires a peer of vue@^2 || ^3.0.0-0 but none was installed
安装:
npm install -g vue@^2
8. 报错:
npm run serve
> master@0.1.1 serve
> vue-cli-service serve
internal/modules/cjs/loader.js:638
throw err;
^
Error: Cannot find module '@vue/cli-plugin-eslint'
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 idToPlugin (C:\Users\Administrator\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:145:14)
at Object.keys.concat.filter.map.id (C:\Users\Administrator\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:184:20)
at Array.map (<anonymous>)
at Service.resolvePlugins (C:\Users\Administrator\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:170:10)
at new Service (C:\Users\Administrator\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:32:25)
at Object.<anonymous> (C:\Users\Administrator\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js:15:17)
安装:
npm install -g @vue/cli-plugin-eslint
9. 提示:
peerDependencies WARNING eslint-loader@^2.2.1 requires a peer of eslint@>=1.6.0 <7.0.0 but none was installed
安装:
npm install -g eslint@1.6.0
npm install 与 npm install XXX交替使用