解决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 相关文章推荐
javascript面向对象入门基础详细介绍
Sep 05 Javascript
poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
Oct 12 Javascript
JavaScript实现更改网页背景与字体颜色的方法
Feb 02 Javascript
基于JS实现的倒计时程序实例
Jul 24 Javascript
详解angular用$sce服务来过滤HTML标签
Apr 11 Javascript
jQuery选择器之子元素选择器详解
Sep 18 jQuery
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
Sep 22 Javascript
React Native 真机断点调试+跨域资源加载出错问题的解决方法
Jan 18 Javascript
ExtJs整合Echarts的示例代码
Feb 27 Javascript
新版小程序登录授权的方法
Dec 12 Javascript
VUEX 数据持久化,刷新后重新获取的例子
Nov 12 Javascript
微信小程序间使用navigator跳转传值问题实例分析
Mar 27 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运行出现Call to undefined function curl_init()的解决方法
2010/11/02 PHP
深入了解 register_globals (附register_globals=off 网站打不开的解决方法)
2012/06/27 PHP
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
学习php中的正则表达式
2014/08/17 PHP
thinkphp多层MVC用法分析
2015/12/30 PHP
PHP扩展迁移为PHP7扩展兼容性问题记录
2016/02/15 PHP
PHP指定截取字符串中的中英文或数字字符的实例分享
2016/03/18 PHP
php通过执行CutyCapt命令实现网页截图的方法
2016/09/30 PHP
mac os快速切换多个PHP版本的方法
2017/03/07 PHP
CodeIgniter框架常见用法工作总结
2017/03/16 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
js常用函数 不错
2006/09/08 Javascript
jQuery each()小议
2010/03/18 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
2013/02/05 Javascript
js实现每日自动换一张图片的方法
2015/05/04 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
javascript中alert()与console.log()的区别
2015/08/26 Javascript
基于jQuery实现的无刷新表格分页实例
2016/02/17 Javascript
Js删除数组中某一项或几项的几种方法(推荐)
2016/07/27 Javascript
Bootstrap源码解读排版(1)
2016/12/23 Javascript
JS数组操作中的经典算法实例讲解
2017/07/26 Javascript
js微信应用场景之微信音乐相册案例分享
2017/08/11 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
2019/11/07 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
2020/07/20 Javascript
[19:59]2014DOTA2国际邀请赛 IG战队纪录片
2014/08/07 DOTA
Python简单连接MongoDB数据库的方法
2016/03/15 Python
Python实现的计数排序算法示例
2017/11/29 Python
python 多进程共享全局变量之Manager()详解
2019/08/15 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
python使用列表的最佳方案
2020/08/12 Python
Ralph Lauren英国官方网站:Ralph Lauren UK
2018/04/03 全球购物
大学班长的职责
2014/01/27 职场文书
处级领导班子全部召开专题民主生活会情况汇报
2014/09/27 职场文书
毕业生自荐材料范文
2014/12/30 职场文书
2016年12月份红领巾广播稿
2015/12/21 职场文书
使用Apache Camel表达REST服务的方法
2022/06/10 Servers