node-sass版本太低导致dev运行失败

简介: node-sass版本太低导致dev运行失败


94% asset optimization

ERROR Failed to compile with 2 errors 13:37:18

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 (E:\xuecheng_edu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\node-sass\lib\binding.js:13:13)

at Object. (E:\xuecheng_edu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\node-sass\lib\index.js:14:35)

at Module._compile (internal/modules/cjs/loader.js:955:30)

at Object.Module._extensions…js (internal/modules/cjs/loader.js:991:10)

at Module.load (internal/modules/cjs/loader.js:811:32)

at Function.Module._load (internal/modules/cjs/loader.js:723:14)

at Module.require (internal/modules/cjs/loader.js:848:19)

at require (internal/modules/cjs/helpers.js:74:18)

at Object. (E:\xuecheng_edu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\sass-loader\lib\loader.js:3:14)

at Module._compile (internal/modules/cjs/loader.js:955:30)

at Object.Module._extensions…js (internal/modules/cjs/loader.js:991:10)

at Module.load (internal/modules/cjs/loader.js:811:32)

at Function.Module._load (internal/modules/cjs/loader.js:723:14)

at Module.require (internal/modules/cjs/loader.js:848:19)

at require (internal/modules/cjs/helpers.js:74:18)

at loadLoader (E:\xuecheng_edu\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,“hasInlin

eConfig”: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 (E:\xuecheng_edu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\node-sass\lib\binding.js:13:13)

at Object. (E:\xuecheng_edu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\node-sass\lib\index.js:14:35)

at Module._compile (internal/modules/cjs/loader.js:955:30)

at Object.Module._extensions…js (internal/modules/cjs/loader.js:991:10)

at Module.load (internal/modules/cjs/loader.js:811:32)

at Function.Module._load (internal/modules/cjs/loader.js:723:14)

at Module.require (internal/modules/cjs/loader.js:848:19)

at require (internal/modules/cjs/helpers.js:74:18)

at Object. (E:\xuecheng_edu\xcEduUI01\xc-ui-pc-sysmanage\node_modules\sass-loader\lib\loader.js:3:14)

at Module._compile (internal/modules/cjs/loader.js:955:30)

at Object.Module._extensions…js (internal/modules/cjs/loader.js:991:10)

at Module.load (internal/modules/cjs/loader.js:811:32)

at Function.Module._load (internal/modules/cjs/loader.js:723:14)

at Module.require (internal/modules/cjs/loader.js:848:19)

at require (internal/modules/cjs/helpers.js:74:18)

at loadLoader (E:\xuecheng_edu\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-4d72bda9”,“scoped”:true,“hasInlin

eConfig”:false}!./node_modules/sass-loader/lib/loader.js?{“sourceMap”:false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./src/module/home/page/home.vue 4:1

4-407 13:3-17:5 14:22-415

@ ./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

运行报错如上,主要是由于node-sass版本太低了,需要更新node-sass,那么有以下两种方案:个人体验而言建议方案二

方案一:

先卸载

cnpm uninstall node-sass -g

然后再安装新的

cnpm install node-sass -g

这里建议用cnpm国内的比较好,用npm可能会网速很慢,导致更新会很慢

方案二:

直接在webstrom内部直接修改版本

直接用ctrl +shift + R搜索node-sass,就可以找到了,然后改成自己想要的版本号,右下角就会提示是否更新依赖配置。

控制台信息如下:

最后成功解决,重新运行,成功信息如下:


相关文章
|
1月前
|
JavaScript Linux iOS开发
详解如何实现自由切换Node.js版本
不同的项目中需要使用不同版本的 Node.js,有时旧项目需要旧版本,而新项目则可能依赖最新的 Node.js 版本
43 0
|
2月前
|
JavaScript 算法 内存技术
如何降低node.js版本(nvm下载安装与使用)
如何降低node.js版本(nvm下载安装与使用)
|
3月前
|
JavaScript Linux 开发者
一个用于管理多个 Node.js 版本的安装和切换开源工具
【9月更文挑战第14天】nvm(Node Version Manager)是一个开源工具,用于便捷地管理多个 Node.js 版本。其特点包括:版本安装便捷,支持 LTS 和最新版本;版本切换简单,不影响开发流程;多平台支持,包括 Windows、macOS 和 Linux;社区活跃,持续更新。通过 nvm,开发者可以轻松安装、切换和管理不同项目的 Node.js 版本,提高开发效率。
109 4
|
3月前
|
缓存 资源调度
解决node升级到18版本node-sass安装问题
解决node升级到18版本node-sass安装问题
|
4月前
|
监控 JavaScript Linux
[译] 在生产环境运行 PM2 & Node.js
[译] 在生产环境运行 PM2 & Node.js
|
4月前
|
JavaScript 小程序 Java
【工具】用nvm管理nodejs版本切换,真香!
本文详细介绍了如何使用 nvm(node.js 版本管理工具)解决在不同项目间频繁切换 Node.js 版本的问题。通过实例展示了 A、B 两个项目分别依赖 v14.19.1 和 v16.15.0 版本时的解决方案,并提供了 nvm 的下载、安装及常用命令等实用信息,帮助读者轻松管理 Node.js 版本。文章还包括了卸载已安装的 Node.js、配置环境变量等步骤,确保切换顺畅无阻。
220 0
【工具】用nvm管理nodejs版本切换,真香!
|
4月前
|
缓存 JavaScript 前端开发
成功解决:npm 版本不支持node.js。【 npm v9.1.2 does not support Node.js v16.6.0.】
这篇文章介绍了如何解决npm版本与Node.js版本不兼容的问题,提供了查看当前npm和Node.js版本的步骤,以及如何根据Node.js版本选择合适的npm版本并进行升级的详细指导。
成功解决:npm 版本不支持node.js。【 npm v9.1.2 does not support Node.js v16.6.0.】
|
4月前
|
JavaScript
成功解决node、node-sass和sass-loader版本冲突问题、不需要降低node版本。如何在vue项目中安装node-sass,以及安装node-sass可能遇到的版本冲突问题
这篇文章介绍了在Vue项目中安装node-sass和sass-loader时遇到的版本冲突问题,并提供了解决这些问题的方法,包括在不降低node版本的情况下成功安装node-sass。
成功解决node、node-sass和sass-loader版本冲突问题、不需要降低node版本。如何在vue项目中安装node-sass,以及安装node-sass可能遇到的版本冲突问题
|
4月前
|
JavaScript 前端开发 Shell
mac和windows上安装nvm管理node版本
NVM(Node Version Manager)是前端开发者常用的命令行工具,用于管理计算机上的不同Node.js版本。通过NVM,开发者可以轻松地在多个项目间切换所需的Node.js版本。在Mac上,可以通过cURL或Wget下载安装脚本,或使用包管理工具brew安装。安装后需配置环境变量以识别NVM命令。Windows用户则可通过专用的nvm-windows安装程序完成安装。常用命令包括安装、卸载特定版本、列出已安装版本等。
343 0
|
4月前
|
缓存 JavaScript Serverless
阿里云云效产品使用合集之如何在Serverless Devs阶段指定Node.js版本
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。