遵循Webpack官方入门指南遇配置文件缺失及语法报错问题

嘿，我一眼就瞅出问题根源了！你遇到的两个报错其实都是同一个小失误导致的，咱们一步步来解决：

核心问题：配置文件扩展名错了！ #

从你给出的目录结构来看，你创建的是webpack.config.json，但Webpack要找的是**webpack.config.js**——这就是为啥执行命令时会报Cannot find module的原因。另外编辑器提示Expected a JSON Object, array or literal，也是因为你把Node.js代码写在了.json文件里，JSON不支持const、require这类JS语法呀！

分步解决 #

1. 重命名配置文件
   直接把webpack.config.json改名为webpack.config.js，编辑器的语法报错立马就会消失，Webpack也能找到正确的配置文件了。

2. 重新执行Webpack命令
   现在你可以运行：

   npx webpack --config webpack.config.js
   

   其实如果你的配置文件是标准的webpack.config.js，还能简化成：

   npx webpack
   

   Webpack会自动在项目根目录下查找这个默认命名的配置文件。

3. 额外小检查（可选）

   • 确认webpack.config.js和package.json在同一级目录（从你的目录结构看是对的）；
   • 如果之前node_modules安装有问题，不妨跑一遍npm install重新安装依赖，确保Webpack相关包都正常就位。

一句话总结 #

就是把配置文件的后缀从.json改成.js就行啦，Webpack配置是Node.js模块，必须用.js扩展名才能正确识别~

内容的提问来源于stack exchange，提问作者oxxi