Webpack 4: 错误：找不到入口模块：错误：无法解析'./src'

Question

这是一个重复的问题，但我想使用自定义入口而不是默认的webpack 4入口，正如在Webpack 4: Error in entry帖子中建议的那样。

webpack.dev.config.js：

import path from 'path';

export default {
  mode: 'development',
  entry: [
    'babel-polyfill',
    './app/components/index.js'
  ],
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    rules: [
      { test: /\.js$/, exclude: /node_modules/, use: 'babel-loader' }
    ]
  }
};

运行webpack-wd时出现以下错误：

参数不足或未找到入口。或者，运行“webpack(-cli) --help”以获取使用信息。

错误：找不到入口模块：Error: Can't resolve './src' in 'C:\Patient_Check_In'

注意：本文中的HTML标签已保留。

- user1579234

Answer 1

使用 commonJS 模块语法编写 webpack 配置：

webpack.config.js

const path = require('path');

module.exports = {
  mode: 'development',
  entry: [
    'babel-polyfill',
    './app/components/index.js'
  ],
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: 'babel-loader'
      }
    ]
  }
}

package.json

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "webpack.config.js",
  "scripts": {
    "build": "webpack"
  },
  "author": "",
  "license": "MIT",
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-preset-env": "^1.7.0",
    "webpack": "^4.16.5",
    "webpack-cli": "^3.1.0"
  },
  "dependencies": {
    "babel-polyfill": "^6.26.0"
  }
}

app/compontens/index.js

console.log('hello!');

如果您运行webpack，则会在dist文件夹中生成一个名为bundle.js的文件，该文件包含所有babel填充项、webpack运行时以及您的应用程序（在本例中为简单的console.log语句）。如果需要，您可以设置特定的babel配置。

- pldg

---

它可以工作。我编辑了我的答案，向您展示了我的测试存储库的其余部分。请自行尝试。您可能在配置中有其他代码会导致该错误。 - pldg

默认情况下，webpack 会查找配置文件 'webpack.config.js'。如果您指定了自定义配置文件，例如在此问题中提供的配置文件，您可以运行：'webpack --config webpack.dev.config.js'。 - user1579234

你说得对。我没有注意到你在截图中使用了不同的默认webpack配置命名。无论如何，作为良好的实践，我建议你使用默认的配置名称，并在其中导入其他配置（根据你的环境）。如果你想了解更多，这个指南可能会有所帮助：https://survivejs.com/webpack/developing/composing-configuration/ - pldg

这让我更接近了。不过还需要解决某些原因导致的node_modules问题。谢谢伙计！ - Urasquirrel