- A+
所属分类:Web前端
在学习安装脚手架Vue-cli过程中
步骤为:
第一步(仅第一次执行):全局安装@vue/cli。
npm install -g @vue/cli
第二步:切换到你要创建项目的目录,然后使用命令创建项目
vue create xxxx
第三步:启动项目
npm run serve
备注:
- 如出现下载缓慢请配置 npm 淘宝镜像:npm config set registry
https://registry.npm.taobao.org
在运行 npm run serve
时出现报错code: 'MODULE_NOT_FOUND'
具体报错信息如下:
点击查看代码
Error: Cannot find module 'F:StudySpaceVueCode@vuecli-servicebinvue-cli-service.js' at Module._resolveFilename (node:internal/modules/cjs/loader:1047:15) at Module._load (node:internal/modules/cjs/loader:893:27) at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) at node:internal/main/run_main_module:23:47 { code: 'MODULE_NOT_FOUND', requireStack: [] }
解决方案
有两种
第一种本人测试后无效:
1、删除vue项目中的node_modules,然后cmd命令直接npm install。
2、下面详细介绍使用方案一不起效果的情况。
第二种解决方案(有效):
- 打开vue项目node_modules文件下.bin中的vue-cli-service.cmd。
- 修改内容为
@IF EXIST "%~dp0node.exe" ( "%~dp0node.exe" "%~dp0..@vuecli-servicebinvue-cli-service.js" %* ) ELSE ( @SETLOCAL @SET PATHEXT=%PATHEXT:;.JS;=;% node "%~dp0..@vuecli-servicebinvue-cli-service.js" %* )
- 再次运行`npm run serve`
问题解决: