react项目配置webpack踩坑之路

问题一：
博主这个小菜鸟，在学习react配置webpack时，随便找了网上一个帖子，先附上博主看的链接吧。创建react项目并配置webpack
但是，这个配置有问题！！，按照他的配置运行会报错，

或者这样

没有合适的loader去解析。。
导致这个错误，是因为没有配置extensions，或者是entry路径写错了。。博主俩情况都撞到了。。
让webpack，尝试按配置的顺序解析这些后缀名。

resolve: {
   extensions: ['.js', '.jsx', '.css', '.json', '.less']},

问题二：
webpack dev server配置错了。。格式写错了，报错。

出现这种情况还有可能是因为dev server里有空对象。

devServer: {
   
        port: 3003,
        host: '0.0.0.0',
        hot: true,
        open: true,
        proxy: {
   
        },
    },

像这样也会报错，proxy里面没有东西，可以删掉或者注释掉。
问题三：

URIError