Question

我正在尝试将react组件添加到angular1.5项目。我在wepback中添加了第一个组件的路径，该路径不是从index.js开始，而是它的jsx react组件。当我尝试运行我的构建时，出现错误

WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode'
“开发”或“生产”的选项可为每个选项启用默认设置   环境。您也可以将其设置为“无”以禁用任何默认设置   行为。了解更多：https://webpack.js.org/configuration/mode/

在输入模块中找不到错误：错误：无法解析'./src'

我的代码看起来像

const path = require('path');
const config = require('./ENVIRONMENT_CONFIG_FOR_GULP/configConstants');

module.exports = {
    entry: path.resolve('entryPoint.js'),
 mode: 'development',
    module: {
            rules: [
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          use: {
            loader: "babel-loader"
          }
        } 
    ]},
    output: {
        filename: config.webpackBundleFileName,
        path: path.resolve(config.src, 'modules')
    },
    devtool: "#source-map"
};

Answer 1

您的配置中有两个问题

首先，您尚未设置webpack的模式

因此，要解决此问题，请将以下脚本添加到package.json中的脚本部分

"scripts": {
    "prod": "webpack -p --mode=production",
    "start": "webpack --mode=development"
}

然后运行npm run start或npm run prod

第二个问题，尝试在此配置中使用字符串作为路径

path: path.resolve(config.src, 'modules')

更改为类似的内容

output: {
    path: path.resolve(__dirname, "wwwroot/dist"),
    filename: "[name].js",
    publicPath: "/dist/"
},

Answer 2

我发现由于更新软件包版本而更改了我使用的插件的问题：

当前代码

  let compiler = webpack(webpackConfig);

    new webpack.ProgressPlugin().apply(compiler);

    return  compiler.run(function (err, stats) {

找不到输入模块中的错误：错误：无法解析“ ./src”

2 个答案: