ERROR Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree.

ERROR Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree.
因为我并未安装并配置vue-loader
在这里插入图片描述
但是又有红色报错:
在这里插入图片描述
怀疑是否是node.js版本太低导致的问题而不是vue-loader的问题,
升级node.js: 原来n模块是不支持window系统,window系统升级node就只有到node官网下载window安装包来覆盖之前的node。
所以先卸载node.js:
1.从卸载程序卸载程序和功能。
2.重新启动(或者您可能会从任务管理器中杀死所有与节点相关的进程)。
3.寻找这些文件夹并删除它们(及其内容)(如果还有)。根据您安装的版本,UAC设置和CPU架构,这些可能或可能不存在:
C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users{User}\AppData\Roaming\npm(或%appdata%\npm)
C:\Users{User}\AppData\Roaming\npm-cache(或%appdata%\npm-cache)
4.检查您的%PATH%环境变量以确保没有引用Nodejs或npm存在。
5.如果仍然没有卸载,请where node在命令提示符下键入,您将看到它所在的位置 - 删除(也可能是父目录)。
6.重新启动,很好的措施。
在这里插入图片描述
然后安装最新版node.js:
https://www.jianshu.com/p/265864d0ac42
(这里一步到位安装好了node、npm且安装时就自动配置了环境变量,简单好用)
在这里插入图片描述
然后又要重新开始配置vue环境(哭死)
先安装淘宝镜像npm:(有这个步骤才可使用cnpm)
npm install -g cnpm --registry=https://registry.npm.taobao.org"
后vue-cli安装依赖:(npm install -g @vue-cli)
cnpm install --g vue-cli
在此只解决了node.js版本问题,但是依旧存在这个问题
在这里插入图片描述

解决:删除项目重新创建就可!!!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值