npx webpack 命令找不到 webpack.config.js 模块。

Question

我将按照官方Webpack入门指南进行翻译，但在使用配置部分遇到了错误。它要求创建一个webpack.config.js文件，并添加以下内容：

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist')
  }
};

我随后运行了以下命令：npx webpack --config webpack.config.js 我得到的错误是：Cannot find module '/Users/Documents/Web_Development/tone/webpack.config.js' 指南似乎没有提供任何可能出错的想法。此外，我的代码编辑器告诉我const path = require('path');有一个错误，说“预期为JSON对象、数组或文字；”

我的目录结构：

webpack.config.json 
package.json.lock
package.json
node_modules/
dist/
   index.html
   main.js
src/
   index.js

package.json:

{
  "name": "tone",
  "version": "1.0.0",
  "description": "",
  "private": true,
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.26.3",
    "webpack": "^4.29.3",
    "webpack-cli": "^3.2.3"
  },
  "dependencies": {
    "lodash": "^4.17.11"
  }
}

- oxxi

---

通常找不到错误是因为访问了错误的目录。 - Zobia Kanwal

你能给出你的项目目录结构吗？ - Nathan

@NathanWright 我在上面添加了我的目录结构。 - oxxi

你可以尝试运行webpack --config webpack.config.js吗？另外，你的package.json文件内容是什么？ - Nathan

在你的“目录结构”中，你把“webpack.config.json”放错成了“webpack.config.js”，这是一个错误还是... - evgeni fotia

Answer 1

解决方案是将webpack.config.json文件更改为webpack.config.js。

- oxxi

Answer 2

你必须确保 webpack.config.js 文件位于你的项目根目录下。

- Sagar Kapoor