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

  • 学习Vue过程中遇到的问题—code: 'MODULE_NOT_FOUND'已关闭评论
  • 213 次浏览
  • A+
所属分类:Web前端
摘要

在学习安装脚手架Vue-cli过程中
步骤为:
第一步(仅第一次执行):全局安装@vue/cli。
npm install -g @vue/cli
第二步:切换到你要创建项目的目录,然后使用命令创建项目
vue create xxxx
第三步:启动项目
npm run serve
备注:

在学习安装脚手架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: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`

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

问题解决:

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