解决vue安装less报错Failed to compile with 1 errors的问题


Posted in Javascript onOctober 22, 2020

1、创建vue项目后安装less,执行 npm install less less-loader --save-dev

下载版本为:less-loader@6.1.0 , less@3.11.3,重启服务报错,报错信息如下:

解决vue安装less报错Failed to compile with 1 errors的问题

2、报错原因 less 本版太高需要降低版本,执行代码

先移除之前版本:

npm uninstall less-loader

下载指定版本:

npm install less-loader@5.0.0 -D

3、重启代码就可以了,若还是报错可移除文件node_modules,重新下载cnpm install

补充知识:vue项目运行报错:94% asset optimization ERROR Failed to compile with 2 errors13:03:01 error in ./src/ba

使用vue编写的前端项目运行报错:

88% hashing
89% module assets processing
90% chunk assets processing
94% asset optimization ERROR Failed to compile with 2 errors13:03:01
error in ./src/base/components/head.vue
Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (72)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.7.2
at module.exports (F:\teach\xcEdu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\node-sass\lib\binding.js:13:13)
at Object.<anonymous> (F:\teach\xcEdu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\node-sass\lib\index.js:14:35)
at Module._compile (internal/modules/cjs/loader.js:1156:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1176:10)
at Module.load (internal/modules/cjs/loader.js:1000:32)
at Function.Module._load (internal/modules/cjs/loader.js:899:14)
at Module.require (internal/modules/cjs/loader.js:1042:19)
at require (internal/modules/cjs/helpers.js:77:18)
at Object.<anonymous> (F:\teach\xcEdu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\sass-loader\lib\loader.js:3:14)
at Module._compile (internal/modules/cjs/loader.js:1156:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1176:10)
at Module.load (internal/modules/cjs/loader.js:1000:32)
at Function.Module._load (internal/modules/cjs/loader.js:899:14)
at Module.require (internal/modules/cjs/loader.js:1042:19)
at require (internal/modules/cjs/helpers.js:77:18)
at loadLoader (F:\teach\xcEdu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\loader-runner\lib\loadLoader.js:13:17)

@ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-1340bee1","scoped":true,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./src/base/components/head.vue 4:14-395 13:3-17:5 14:22-403
@ ./src/base/components/head.vue
@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/module/home/page/home.vue
@ ./src/module/home/page/home.vue
@ ./src/module/home/router/index.js
@ ./src/base/router/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:11000 webpack/hot/dev-server ./src/main.js

error in ./src/module/home/page/home.vue

Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (72)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.7.2
at module.exports (F:\teach\xcEdu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\node-sass\lib\binding.js:13:13)
at Object.<anonymous> (F:\teach\xcEdu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\node-sass\lib\index.js:14:35)
at Module._compile (internal/modules/cjs/loader.js:1156:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1176:10)
at Module.load (internal/modules/cjs/loader.js:1000:32)
at Function.Module._load (internal/modules/cjs/loader.js:899:14)
at Module.require (internal/modules/cjs/loader.js:1042:19)
at require (internal/modules/cjs/helpers.js:77:18)
at Object.<anonymous> (F:\teach\xcEdu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\sass-loader\lib\loader.js:3:14)
at Module._compile (internal/modules/cjs/loader.js:1156:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1176:10)
at Module.load (internal/modules/cjs/loader.js:1000:32)
at Function.Module._load (internal/modules/cjs/loader.js:899:14)
at Module.require (internal/modules/cjs/loader.js:1042:19)
at require (internal/modules/cjs/helpers.js:77:18)
at loadLoader (F:\teach\xcEdu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\loader-runner\lib\loadLoader.js:13:17)

出错原因就是sass不支持当前的环境,那么在当前环境重新安装一下就好了

1、查看本地nodejs的版本号和node-sass的版本号

node -v ---查看nodejs的版本号以及查看其是否安装

node-sass -v ---查看node-sass的版本号以及查看其是否安装

2.、卸载node-sass,但是如果卸载不成功,直接找到node-sass文件夹,删除

npm uninstall --save node-sass --记住执行这个命令前,需要先进入到对应的文件目录才可以删除

如图(如下图即可):

解决vue安装less报错Failed to compile with 1 errors的问题

3、重新安装更新版本的node-sass即可

npm install --save node-sass (cnpm install --save node-sass )

(这个也要在指定文件夹执行,并进行本地安装)

这样就可以了!!!!!!!!!

如下图所示:

解决vue安装less报错Failed to compile with 1 errors的问题

以上这篇解决vue安装less报错Failed to compile with 1 errors的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 白痴级入门教程
Nov 11 Javascript
原始XMLHttpRequest方法详情回顾
Nov 28 Javascript
JS网页在线获取鼠标坐标值的方法
Feb 28 Javascript
JS实现文件动态顺序载入的方法
Mar 07 Javascript
使用jspdf生成pdf报表
Jul 03 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
Feb 20 Javascript
Bootstrap被封装的弹层
Jul 20 Javascript
Javascript使用uploadify来实现多文件上传
Nov 16 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
Jan 08 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
在elementui中Notification组件添加点击事件实例
Nov 11 Javascript
JS轻量级函数式编程实现XDM三
Jun 16 Javascript
vue实现下拉菜单树
Oct 22 #Javascript
Javascript柯里化实现原理及作用解析
Oct 22 #Javascript
Node.js fs模块原理及常见用途
Oct 22 #Javascript
使用vue构建多页面应用的示例
Oct 22 #Javascript
vue 单页应用和多页应用的优劣
Oct 22 #Javascript
Javascript Symbol原理及使用方法解析
Oct 22 #Javascript
多个Vue项目部署到服务器的步骤记录
Oct 22 #Javascript
You might like
PHP中ADODB类详解
2008/03/25 PHP
PHP中的函数-- foreach()的用法详解
2013/06/24 PHP
laravel 实现关闭CSRF(全部关闭、部分关闭)
2019/10/21 PHP
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
ExtJS扩展 垂直tabLayout实现代码
2009/06/21 Javascript
JS获取浏览器语言动态加载JS文件示例代码
2014/10/31 Javascript
javascript中基本类型和引用类型的区别分析
2015/05/12 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
基于jQuery实现弹幕APP
2017/02/10 Javascript
使用重写url机制实现验证码换一张功能
2017/08/01 Javascript
React-router v4 路由配置方法小结
2017/08/08 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
2018/08/22 Javascript
puppeteer库入门初探
2019/01/09 Javascript
详解如何用webpack4从零开始构建react开发环境
2019/01/27 Javascript
从理论角度讨论JavaScript闭包
2019/04/03 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
2019/07/25 Javascript
python根据给定文件返回文件名和扩展名的方法
2015/03/27 Python
python笔记:mysql、redis操作方法
2017/06/28 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
python实现傅里叶级数展开的实现
2018/07/21 Python
浅谈pycharm出现卡顿的解决方法
2018/12/03 Python
python读取并写入mat文件的方法
2019/07/12 Python
Pytorch中的variable, tensor与numpy相互转化的方法
2019/10/10 Python
Python pickle模块实现对象序列化
2019/11/22 Python
python 生成任意形状的凸包图代码
2020/04/16 Python
安装python依赖包psycopg2来调用postgresql的操作
2021/01/01 Python
M1芯片安装python3.9.1的实现
2021/02/02 Python
通过HTML5 Canvas API绘制弧线和圆形的教程
2016/03/14 HTML / CSS
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
2020/04/27 HTML / CSS
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
个人自荐材料
2014/05/23 职场文书
党员自我评价2015
2015/03/03 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
Ajax异步刷新功能及简单案例
2021/11/20 Javascript
教你使用VS Code的MySQL扩展管理数据库的方法
2022/01/22 MySQL
JS精髓原型链继承及构造函数继承问题纠正
2022/06/16 Javascript