不能加载"webpack"，它没有注册！也许你漏掉了什么插件？

Question

错误预处理:不能加载"webpack"，它没有注册！也许你漏掉了什么插件？

Webpack版: 4.14.0

Webpack卡玛版本: 2.0.4

业力版本: 3.0.0

Linux

 module.exports = ( config ) => {
      config.set( {
        basePath: path.resolve( __dirname ),
        browsers: [ 'PhantomJS' ],
        files: [ {
          pattern: '../../../spec/**/*.spec.js',
          watch: true
        } ],
        preprocessors: {
          [ '../../../spec/**/*.spec.js' ]: [ 'webpack' ]
        },
        reporters: [ 'mocha' ],
        plugins: [
          'karma-webpack',
          'karma-mocha',
          'karma-phantomjs-launcher',
          'karma-mocha-reporter',
        ],
        webpack: {
          mode: 'development',
          target: 'web',
          module: {
            rules: [ {
              test: /\.js$/,
              exclude: /node_modules/,
              use: {
                loader: 'babel-loader'
              }
            } ]
          },
          resolve: {
            extensions: [ '.js', '.jsx ' ],
            modules: [ 'node_modules', 'src' ],
          }
        },
        webpackMiddleware: {
          noInfo: true,
          stats: {
            chunks: false
          }
        },
      } )
    } 

Answer 1

• 幻影已被废弃，以支持无头铬。
• 在上面的示例中，我很少使用不同的组件。茉莉花对摩卡，TypeScript对JavaScript。
• 另外，如果您使用的是角JS，那么加载文件的角和角模拟部分是很重要的：[]
• 在我的预处理器webpack工作的情况下，我不得不在插件中添加所有四个“业力-茉莉花”、“业力-铬发射器”、“业力-webpack”、“业力-类型记录-预处理程序”：[]
• 很高兴发布我的webpack配置以及，这是相当标准的。这个错误与webpack配置无关，它都在karma.conf.js中。

希望这能有所帮助！

这是我的工作karma.conf.js

'use strict';
var webpackConfig = require('./webpack.test.js');//webpack config for test

process.env.CHROME_BIN = require('puppeteer').executablePath();//Node library for headless Chrome, https://developers.google.com/web/tools/puppeteer/

module.exports = (config) => {
    config.set({
        basePath: '',
        frameworks: ['jasmine'],
        plugins: [
            'karma-jasmine',
            'karma-chrome-launcher',
            'karma-webpack',
            'karma-typescript-preprocessor'
        ],
        port: 9876,
        colors: true,
        logLevel: config.LOG_INFO,
        autoWatch: true,
        browsers: ['HeadlessChrome'],
        customLaunchers: {
            HeadlessChrome: {
                base: 'ChromeHeadless',
                flags: [
                    '--no-sandbox',
                    '--headless',
                    '--disable-gpu',
                    '--disable-translate',
                    '--disable-extensions'
                ]
            }
        },
        singleRun: process.argv.indexOf("--watch") === -1,
        autoWatchBatchDelay: 300,
        files: [
            './node_modules/angular/angular.js',
            './node_modules/angular-mocks/angular-mocks.js',
            './src/test.ts'
        ],
        preprocessors: {
            './src/test.ts': ['webpack'],
        },
        client: {
            // This is important as there are a lot of tests that are reliant in the order that they were written.
            jasmine: {
                random: false
            }
        },
        webpack: webpackConfig,
        webpackMiddleware: {
            stats: {
                /* https://github.com/TypeStrong/ts-loader/commit/eb8bbf8e11779487d3af527f8b70644316075ee8
*/
                warningsFilter: /export .* was not found in/
            }
        }
    });
};