Команда 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

пакет.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"
  }
}

Answer 1

Решением было изменить файл webpack.config.json на webpack.config.js.