使用webpack的React JS和Sass-loader出錯

Question

胡大家，

當我嘗試使用此命令編譯我的反應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文件中（在dev依賴項中）：

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

有人知道這里有什么問題嗎？

Answer 1

我在UDemy課程上找到了這個答案，我不能直接在這里發帖。

• 正如@AndyRay建議在webpack.config.js中創建一個加載器。

  加載器：[{loaders：['style'，'css'，'sass']，test：/。scss $ /}]

• 安裝最新的

  “node-sass”：“^ 3.8.0”，“sass-loader”：“^ 4.0.0”，

• 創建別名

  applicaitonStyles：'app / styles / app.scss'

• 需要scss

  要求（ 'applicaitonStyles'）;