错误: Cannot find module ‘xxxxx\bin\vue-cli-service.js’

  1. 首先。安装的 node.js 、vue-cli 这两个东西安装好,然后能在 终端命令 中查到对应的版本号。
  2. 其次,在vscode 里 ,能用 vue create xxxxx 能创建好 vue项目
  3. 问题就是,当想在终端把项目跑起来 输入命令:npm run serve 的时候,报了以下错误
    在这里插入图片描述

错误原因:

我相信:你项目的上一级应该用了特殊符号、中文之类的系统不允许的字段。
确实。我也这么经常这么干,因为这样能很方便的区分项目
本质上来说,因为系统无法识别你的非法字段,而你的 vue-cli-service.js 文件路径同样无法识别。
因此找不到文件,项目自然跑不起来

解决方案:

  1. 直接将你的上一级文件夹的名字改成英文、下划线、横线之类组成的合法名称

  2. 终极方案:不用修改中文名称,修改路径就好了
    (1)打开vue项目 node_modules 文件夹下 .bin 中的 vue-cli-service.cmd
    (2)将里面的代码修改成下面的。原来的全部删掉

@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

前往低代码交流专区

更多推荐