Vue 使用sass报错问题

Syntax Error: Error: Node Sass version 9.0.0 is incompatible with ^4.0.0.

在这里插入图片描述

本人当前使用版本sass-loader、node-sass、node

node -v 
v14.16.1 
{
   "node-sass": "^4.14.1",
   "sass-loader": "^8.0.0",
}

在这里插入图片描述

Node.js 使用的 JavaScript 堆内存不足
<--- Last few GCs --->

[80239:0x1047a2000]   346882 ms: Mark-sweep 1919.7 (2068.9) -> 1906.2 (2068.5) MB, 1811.3 / 0.1 ms  (average mu = 0.119, current mu = 0.079) allocation failure scavenge might not succeed
[80239:0x1047a2000]   348205 ms: Mark-sweep 1922.5 (2068.7) -> 1908.7 (2067.5) MB, 1246.8 / 0.1 ms  (average mu = 0.100, current mu = 0.058) allocation failure scavenge might not succeed


<--- JS stacktrace --->

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
 1: 0x1012da6a5 node::Abort() (.cold.1) [/Users/v_caihongxing/.nvm/versions/node/v14.16.1/bin/node]
 2: 0x1000a6309 node::Abort() [/Users/v_caihongxing/.nvm/versions/node/v14.16.1/bin/node]
 3: 0x1000a646f node::OnFatalError(char const*, char const*) [/Users/v_caihongxing/.nvm/versions/node/v14.16.1/bin/node]
 4: 0x1001e8f17 v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [/Users/v_caihongxing/.nvm/versions/node/v14.16.1/bin/node]
 5: 0x1001e8eb3 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [/Users/v_caihongxing/.nvm/versions/node/v14.16.1/bin/node]
 6: 0x100395db5 v8::internal::Heap::FatalProcessOutOfMemory(char const*) 

增加内存分配

可调整这个NODE_OPTIONS=--max-old-space-size参数 
1024 * n;
8192 = 1024 * 8;
设置此环境变量
export NODE_OPTIONS=--max-old-space-size=8192;
  • 6
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用ElementUI的过程中,可能会遇到element-ui sass报错的情况。要解决这个问题,你可以尝试以下几个步骤: 1. 确保你已正确引入了ElementUI的样式和组件库。可以通过在你的HTML文件里引入样式文件和组件库的脚本来实现。比如在头部添加<link>标签引入样式文件,以及在<body>底部添加<script>标签引入组件库的脚本。 2. 检查你所使用的ElementUI版本是否与你的项目版本兼容。不同版本的ElementUI可能对应不同的依赖包和配置。你可以通过npm命令安装与你项目版本兼容的ElementUI主题相关的包,比如element-theme-chalk。 3. 确保你的开发环境配置正确。在你的项目中,可以通过package.json文件中的dependencies和devDependencies字段查看ElementUI的版本信息。另外,你还需要检查你使用Node.js版本和@vue/cli版本是否与ElementUI兼容。按照原文中提供的版本信息,你的项目应该是兼容的。 如果你仍然遇到element-ui sass报错问题,可以先查看具体的报错信息,然后在ElementUI的官方文档或社区中寻找解决方案。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [使用element UI在线运行无效、报错问题(Uncaught ReferenceError: Vue is not defined)](https://blog.csdn.net/weixin_44479794/article/details/124005332)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [ElementUI自定义主题报错“primordials is not defined”最佳解决方案](https://blog.csdn.net/sinat_36728518/article/details/113310494)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值