错误 [预处理]：无法加载“webpack”！(webpack@2.2.1; karma@1.4.1)

Question

我尝试使用webpack@^2.2.1和karma@1.4.1运行我的业力测试。但我得到的只是这个错误：

ERROR [preprocess]: Can not load "webpack"!
  Error
    at webpack (/Users/plano/S/plano/projects/scheduler.frontend.ng2/node_modules/webpack/lib/webpack.js:19:9)
    at new Plugin (/Users/plano/S/plano/projects/scheduler.frontend.ng2/node_modules/karma-webpack/lib/karma-webpack.js:65:18)
    at invoke (/Users/plano/S/plano/projects/scheduler.frontend.ng2/node_modules/di/lib/injector.js:75:15)
    ...

我发现的所有解决方案都是关于karma@0.12.x 中的一个错误（例如这个 github 问题和这个 stackoverflow 问题）。我在 1.4.1 所以他们对我没有帮助。

这篇文章告诉我entry: {}从 webpack 配置中删除。entry: {}我的 webpack 配置没有。

根据这个 stackoverflow 答案，这是一个 webpack 问题，因为2.2.0-rc.4. 所以我试过了2.2.0-rc.3。没有改变。

我的 karma.conf.js：

'use strict';

module.exports = config => {
    config.set({
        autoWatch: true,
        browsers: ['Chrome', 'PhantomJS'],
        files: [
            '../node_modules/es6-shim/es6-shim.min.js',
            'karma.entry.js'
        ],
        frameworks: ['jasmine'],
        logLevel: config.LOG_INFO,
        phantomJsLauncher: {
            exitOnResourceError: true
        },
        port: 9876,
        preprocessors: {
            'karma.entry.js': ['webpack', 'sourcemap']
        },
        reporters: ['dots'],
        singleRun: true,
        webpack: require('../webpack/webpack.test.js'),
        webpackServer: {
            noInfo: true
        }
    });
};

我的 webpack.test.js：

'use strict';

const path = require('path');
const webpack = require('webpack');

module.exports = {
    devtool: 'inline-source-map',
    module: {
        preLoaders: [
            { exclude: /node_modules/, loader: 'tslint', test: /\.ts$/ }
        ],
        loaders: [
            { loader: 'raw', test: /\.(css|html)$/ },
            { exclude: /node_modules/, loader: 'ts', test: /\.ts$/ },
            {
                test: /\.scss$/,
                exclude: /node_modules/,
                loaders: ['raw-loader', 'sass-loader'] // sass-loader not scss-loader
            }
        ]
    },
    resolve: {
        extensions: ['', '.js', '.ts'],
        modulesDirectories: ['node_modules'],
        root: path.resolve('.', 'src')
    },
    tslint: {
        emitErrors: true
    }
};  

Answer 1

解决了。

我的webpack.test.js中有一个这样的选项：

tslint: {
    emitErrors: true
}

Webpack 2 有非常严格的配置。现在看起来像这样：

plugins: [
    ...
    new LoaderOptionsPlugin({
        options: {
            emitErrors: true
        }
    }),
]

更多信息在这里：https://github.com/gonzofish/semaphore-ng2-webpack/pull/4#issuecomment-279374763