javascript - React JS 和 Sass-loader 与 webpack 发生错误

Question

各位，

当我尝试使用以下命令编译我的 React JS 应用程序时，出现了这个奇怪的错误:webpack -w

#
# Fatal error in ../deps/v8/src/api.cc, line 1051
# Check failed: !value_obj->IsJSReceiver() || value_obj->IsTemplateInfo().
#

==== C stack trace ===============================

    0   node                                0x00000001009558d1 v8::base::debug::StackTrace::StackTrace() + 19
    1   node                                0x00000001009545e9 V8_Fatal + 233
    2   node                                0x0000000100144b10 v8::Template::SetAccessorProperty(v8::Local<v8::Name>, v8::Local<v8::FunctionTemplate>, v8::Local<v8::FunctionTemplate>, v8::PropertyAttribute, v8::AccessControl) + 0
    3   binding.node                        0x0000000107004f0e SassTypes::Boolean::get_constructor() + 296
    4   binding.node                        0x0000000107006dba SassTypes::Factory::initExports(v8::Local<v8::Object>) + 326
    5   node                                0x00000001007900c1 node::DLOpen(v8::FunctionCallbackInfo<v8::Value> const&) + 855
    6   node                                0x0000000100169e96 v8::internal::FunctionCallbackArguments::Call(void (*)(v8::FunctionCallbackInfo<v8::Value> const&)) + 378
    7   node                                0x00000001001aae1c v8::internal::MaybeHandle<v8::internal::Object> v8::internal::(anonymous namespace)::HandleApiCallHelper<false>(v8::internal::Isolate*, v8::internal::Handle<v8::internal::HeapObject>, v8::internal::Handle<v8::internal::HeapObject>, v8::internal::Handle<v8::internal::FunctionTemplateInfo>, v8::internal::Handle<v8::internal::Object>, v8::internal::BuiltinArguments) + 915
    8   node                                0x00000001001aa3f9 v8::internal::Builtin_Impl_HandleApiCall(v8::internal::BuiltinArguments, v8::internal::Isolate*) + 281
    9   ???                                 0x000016a6fd6063a7 0x0 + 24906471334823
Illegal instruction: 4

这是调用 Sass 的代码块:

// add custom css / scss
require('style!css!sass!applicationStyles');

在 webpack.config.js 的别名中:

applicationStyles: 'app/styles/app.scss'

在我的 package.json 文件中(在开发依赖项中):

"node-sass": "^3.4.2",
"sass-loader": "^3.1.2",

有人知道这里出了什么问题吗？

Answer 1

我在 UDemy 类(class)上找到了这个答案，但我无法直接在此处发布。

• 正如 @AndyRay 建议在 webpack.config.js 中创建一个加载器。

  装载机:[ {加载器:['style'，'css'，'sass']，测试:/.scss$/} ]

• 安装最新版本

  "node-sass": "^3.8.0", “sass-loader”:“^4.0.0”，

• 创建您的别名

  applicaitonStyles:'app/styles/app.scss'

• 需要 scss

  require('applicaitonStyles');