解决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 相关文章推荐
控制input输入框中提示信息的显示和隐藏的方法
Feb 12 Javascript
深入理解javascript作用域和闭包
Sep 23 Javascript
jQuery提示效果代码分享
Nov 20 Javascript
Html5+jQuery+CSS制作相册小记录
Dec 30 Javascript
jquery 仿锚点跳转到页面指定位置的实例
Feb 14 Javascript
javascript设计模式之模块模式学习笔记
Feb 15 Javascript
最实用的JS数组函数整理
Dec 05 Javascript
微信小程序实现的一键连接wifi功能示例
Apr 24 Javascript
Vue+ElementUI项目使用webpack输出MPA的方法
Aug 27 Javascript
微信小程序实现蓝牙打印
Sep 23 Javascript
Vue ​v-model相关知识总结
Jan 28 Vue.js
JavaScript原型链详解
Nov 07 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 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
PHP setcookie指定domain参数后,在IE下设置cookie失效的解决方法
2011/09/09 PHP
php生成图片缩略图的方法
2015/04/07 PHP
详谈phpAdmin修改密码后拒绝访问的问题
2017/04/03 PHP
Laravel5.1 框架路由基础详解
2020/01/04 PHP
JavaScript 弹出窗体点击按钮返回选择数据的实现
2010/04/01 Javascript
jquery URL参数判断,确定菜单样式
2010/05/31 Javascript
JavaScript中的稀疏数组与密集数组[译]
2012/09/17 Javascript
js window.open弹出新的网页窗口
2014/01/16 Javascript
ExtJS判断IE浏览器类型的方法
2014/02/10 Javascript
js判断横竖屏及禁止浏览器滑动条示例
2014/04/29 Javascript
js实现图片从左往右渐变切换效果的方法
2015/02/06 Javascript
Javascript获取表单名称(name)的方法
2015/04/02 Javascript
JQuery实现图片轮播效果
2015/09/15 Javascript
Jquery easyui 实现动态树
2015/11/17 Javascript
JS表格组件神器bootstrap table详解(强化版)
2016/05/26 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
2017/08/15 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
2018/03/12 Javascript
Openlayers测量距离与面积的实现方法
2020/09/25 Javascript
[01:09:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第一场 6.2
2018/06/04 DOTA
[52:03]Secret vs VG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python与php实现分割文件代码
2017/03/06 Python
Python使用装饰器进行django开发实例代码
2018/02/06 Python
Python实现的三层BP神经网络算法示例
2018/02/07 Python
python 显示数组全部元素的方法
2018/04/19 Python
Python:type、object、class与内置类型实例
2019/12/25 Python
LORAC官网:美国彩妆品牌
2019/08/27 全球购物
Feelunique中文官网:欧洲最大化妆品零售电商
2020/07/10 全球购物
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
自我评价怎么写正确呢?
2013/12/02 职场文书
大学生村官典型材料
2014/01/12 职场文书
我爱祖国演讲稿
2014/09/02 职场文书
中学生逃课检讨书
2015/02/17 职场文书
幼儿园庆六一主持词
2015/06/30 职场文书
开学典礼校长致辞
2015/07/29 职场文书
方法汇总:Python 安装第三方库常用
2022/04/26 Python