【问题标题】:ERROR in Entry module not found: Error: Can't resolve './src' in找不到入口模块中的错误:错误:无法解析“./src”
【发布时间】:2019-11-15 20:20:31
【问题描述】:

我正在尝试将反应组件添加到 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"
};

【问题讨论】:

  • 这里输入的entryPoint.js是什么?
  • 你的 webpack 配置文件叫什么名字?

标签: angularjs reactjs webpack webpack-4


【解决方案1】:

您的配置中有两个问题

首先你还没有设置webpack的模式

所以要修复它,请将下面的脚本添加到 package.json 中的脚本部分

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

然后运行npm run startnpm run prod

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

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

改成这样的

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

【讨论】:

    【解决方案2】:

    我发现我使用的插件由于更新软件包版本而发生更改:

    当前代码

      let compiler = webpack(webpackConfig);
    
        new webpack.ProgressPlugin().apply(compiler);
    
        return  compiler.run(function (err, stats) {
    

    【讨论】:

      猜你喜欢
      • 2017-12-28
      • 2019-01-19
      • 2020-05-14
      • 2019-07-27
      • 1970-01-01
      • 2021-03-28
      • 2018-06-04
      • 2019-02-19
      相关资源
      最近更新 更多