学习Vue过程中遇到的问题---code: 'MODULE_NOT_FOUND'

在学习安装脚手架Vue-cli过程中

步骤为：

第一步（仅第一次执行）：全局安装@vue/cli。

npm install -g @vue/cli

第二步：切换到你要创建项目的目录，然后使用命令创建项目

vue create xxxx

第三步：启动项目

npm run serve

备注：

1. 如出现下载缓慢请配置 npm 淘宝镜像：npm config set registry
   
   https://registry.npm.taobao.org

在运行 npm run serve时出现报错code: 'MODULE_NOT_FOUND'

具体报错信息如下：

点击查看代码

Error: Cannot find module 'F:\StudySpace\Vue\Code\@vue\cli-service\bin\vue-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 "%~dp0\node.exe" (
  "%~dp0\node.exe"  "%~dp0\..\@vue\cli-service\bin\vue-cli-service.js" %*
) ELSE (
  @SETLOCAL
  @SET PATHEXT=%PATHEXT:;.JS;=;%
  node  "%~dp0\..\@vue\cli-service\bin\vue-cli-service.js" %*
)

- 再次运行`npm run serve`

问题解决：