javascript - enzyme 不适用于 karma + webpack

Question

我正在尝试将 Enzyme 添加到我的项目中。当我尝试运行 karma start 时，出现错误模块构建失败:错误:找不到相对于目录“/Users/kieran/IdeaProjects/tahrir”的预设“airbnb”.我已经运行了npm i --save-devase。我的karma.conf.js看起来像

module.exports = function (config) {
    config.set({
        browsers: ['Chrome'],
        singleRun: true,
        frameworks: ['jasmine'],
        files: [
            {pattern: 'tests.webpack.js'}
        ],
        preprocessors: {
            'tests.webpack.js': ['webpack', 'sourcemap']
        },
        reporters: ['dots'],
        webpack: {
            devtool: 'inline-source-map',
            module: {
                loaders: [
                    {
                        test: /\.js$/,
                        exclude: /\/node_modules\//,
                        loader: 'babel',
                        query: {
                            presets: ['airbnb']
                        }
                    }
                ]
            },
            externals: {
                'cheerio': 'window',
                'react/addons': true,
                'react/lib/ExecutionEnvironment': true,
                'react/lib/ReactContext': true
            }
        },
        webpackServer: {
            noInfo: true
        }
    });
};

我还需要添加其他内容以便 webpack 可以访问现有的 Airbnb 吗？

Answer 1

根据错误消息，您似乎没有 babel-preset-airbnb已安装并且您正在 babel loader 配置中使用它。

确保您已安装它: $ npm install --save-dev babel-preset-airbnb