在学习安装脚手架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:\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
    图片
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐