angular - ExtractTextPlugin を使用すると、Angular 2 で「cssText.replace is not a function」がスローされる

Question

と の 2 つのプロジェクトがProject AありProject Bます。

プロジェクトA

1. Webpack@2.2.1

2. Extract-text-webpack-plugin@2.0.0-rc.3

3. 角度 2.4.3

プロジェクトB

1. 角度 2.4.3

Project Bに一連のモジュール/コンポーネントを提供しますProject A。

コードはによってコンパイルされ (バンドルされません) Project B、dist フォルダーに入れられます。このフォルダーは、によって使用されProject Aますnpm link。

現在、ブラウザ webpack.common.jsを使用した設定では例外がスローされます。ExtractTextPlugin

この例外は Angular 2 によってスローされますが、このプラグインが使用されている場合のみです。私がこれを言っているのは、すべて.cssを使用して拡張機能をロードraw-loaderすると正常に動作するためですが、ExtractTextPlugin を使用すると壊れてしまうからです。

有効

webpack.config.js

module: {
   rules: [
      {
         test: /\.css$/,
         use: [ "raw-loader" ],
      }
   ]
}

出力：

INVALID (ExtractTextPlugin を使用)

webpack.config.js

module: {
   rules: [
      {
         test: /\.css$/,
         use: ExtractTextPlugin.extract( {
                  fallback: "raw-loader",
                  use: [ "raw-loader" ]
         } )
      }
   }
},
plugins: [
   new ExtractTextPlugin( "[name].css" ),
]

出力：

スローされた例外:

Uncaught TypeError: cssText.replace is not a function
    at extractStyleUrls (http://localhost:8080/vendor.js:75001:52)

ノード: 6.2.0 OS: macOS Sierra (10.12.2)