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
ERROR Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree._第1张图片
但是又有红色报错:
ERROR Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree._第2张图片
怀疑是否是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.重新启动,很好的措施。
ERROR Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree._第3张图片
然后安装最新版node.js:
https://www.jianshu.com/p/265864d0ac42
(这里一步到位安装好了node、npm且安装时就自动配置了环境变量,简单好用)
ERROR Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree._第4张图片
然后又要重新开始配置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版本问题,但是依旧存在这个问题
ERROR Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree._第5张图片

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

你可能感兴趣的:(vue-前端,vue)