Cloud9中执行npx webpack报JSON语法错误，求解决方案

嘿，我一眼就瞅出问题所在啦！你碰到的Unexpected token m in JSON at position 0错误，根源是Webpack配置文件的文件名和格式完全不匹配。

问题原因 #

Webpack默认会寻找名为webpack.config.js的配置文件（毕竟Webpack配置本身是JavaScript代码，不是JSON格式），但你的配置文件被命名成了webpack.config.json。而你的配置内容是用module.exports导出的JS语法，当Webpack尝试把它当作JSON文件解析时，第一个字符就是m（来自module），JSON格式根本不允许这种开头，直接就报错了。

修复步骤 #

• 第一步：修正配置文件名
  把你的配置文件从webpack.config.json重命名为webpack.config.js，这样Webpack就会用正确的方式解析你的JS配置代码。
• 第二步：修复HTML标签错误
  你的HTML代码里还有个小bug：

  <div id = 'intro'></p>
  

  标签不匹配了，应该改成：

  <div id='intro'></div>
  

  避免页面渲染出奇怪的问题。

验证 #

完成上面两步后，重新运行npx webpack，Webpack就能正常读取配置并打包你的代码了。之后打开HTML页面，就能看到Hello Webpack的内容啦！

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