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

错误: 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 就能将项目跑起来了

  • 4
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值