错误模块解析失败：意外令牌-Webpack

Question

我在使用webpack时遇到麻烦，只是从另一个项目中添加了一个新组件，并且控制台错误出现在附件中，这是我在webpack.config.js中的const配置：

const config = {
        module: {
            rules: [
                {
                    test: /\.js$/,
                    exclude: /node_modules/,
                    use: {
                        loader: 'babel-loader',
                        options: {
                            presets: ['@babel/preset-env', '@babel/preset-react'],
                            plugins: ['@babel/plugin-transform-runtime', 'react-hot-loader/babel']
                        }
                    }
                },
                {
                    test: /\.css$/,
                    use: ['style-loader', 'raw-loader']
                }
            ]
        },
        plugins: [new HtmlWebpackPlugin({ template: './src/index.html' })]
    }

Answer 1

请尝试从您的module.rules [0]配置中删除exclude: /node_modules/,。

您要编译的文件位于node_modules中，并且需要babel-loader并附带@babel/preset-react来进行编译。

您还可以定义正则表达式，例如它将排除该文件之外的所有node_modules。