angular - Angular 5 错误：“extract-text-webpack-plugin”加载器在没有相应插件的情况下使用

Question

编译时出现此错误。

ERROR in ./src/app/app.component.css Module build failed: Error: "extract-text-webpack-plugin" loader is used without the specific plugin,参考 https://github.com/webpack/extract-用于 Object.pitch 的使用示例的text-webp ack-plugin (C:\Users\Flamelsoft\source\repos\Ecommerce\Ecommerce\node_m odules\extract-text-webpack-plugin\dist\loader.js:57:11 )

我的代码 webpack.config.js 是：

var webpack = require('webpack');
var path = require('path');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
    entry: path.resolve(__dirname, 'src/main.ts'),
    devServer: {
        proxy: {
            '/api': {
                target: 'http://localhost:63995',
                secure: false
            }
        }
    },
    output: {
        path: path.resolve(__dirname, 'wwwroot'),
        filename: 'app.[hash].js'
    },
    module: {
        rules: [
            { test: /\.component.ts$/, loaders: 'angular2-template-loader' },
            { test: /\.ts$/, loaders: 'awesome-typescript-loader' },
            { test: /\.html$/, loaders: 'html-loader' },
            { test: /\.css$/, loaders: 'css-loader' },
            { test: /\.css$/, loaders: ExtractTextPlugin.extract({ fallback: "style-loader", use: "css-loader" }) }
        ]
    },
    resolve: {
        extensions: ['*', '.js', '.ts', '.html', '.css']
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: './src/index.html'
        })
    ]
};

我在用着：

 "devDependencies": {
    "@types/node": "~8.9.4",
    "angular2-template-loader": "~0.6.2",
    "awesome-typescript-loader": "~3.5.0",
    "copy-webpack-plugin": "~4.4.2",
    "css-loader": "~0.28.10",
    "extract-text-webpack-plugin": "^3.0.2",
    "file-loader": "~1.1.9",
    "html-elements-webpack-plugin": "~1.0.1",
    "html-loader": "~0.5.5",
    "html-webpack-plugin": "~2.30.1",
    "raw-loader": "~0.5.1",
    "resolve-url-loader": "~2.2.1",
    "style-loader": "~0.20.2",
    "to-string-loader": "~1.1.5",
    "ts-loader": "~3.5.0",
    "typescript": "~2.7.2",
    "url-loader": "~0.6.2",
    "webpack": "~3.11.0",
    "webpack-dev-server": "~2.11.1"
  }

任何解决方案？，我真的很感激

Answer 1

解决方案与错误消息所说的相同：

plugins: [
        new HtmlWebpackPlugin({
            template: './src/index.html'
        }),
        new ExtractTextPlugin() // <-------------
    ]