在吃完饭后或者一觉睡醒,打开项目就发现启动不了了,npm只是一直卡在94%,没有报错信息,如下图

报错

打开网页后,发现页面只有:Cannot GET /

而控制台报错:

Refused to load the image 'http://localhost:8082/favicon.ico' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.

如图:

error2

  百度查了许多,比如img-src * ,添加后并没有什么用,上一次也出现了同样的问题,没能解决,最后我又重新vue init webpack一个新项目,把旧的src和配置文件完全拷贝过来,再在新项目中重启,发现问题解决了,我就没有再继续深究这个问题了。

    然而,新的项目没用多久,在某一天一觉醒来后启动项目,发现同样的问题,又双(三个又)!出!现!了!

于是我继续各种百度,各种尝试,还是没能解决这个问题,但是在一篇文章中得到了一点点启发。

    这一次,没错,各种百度不成,我就用旧方法,又新建了一个项目,然后搬运工。最后,我用Beyond Compare这个优秀、完美的文件比较工具,一个一个的比较尝试,终于让我找到了问题的根源。(虽然为什么会出现这个问题我还是不知道)

error3

解决方案:

    在build目录下的webpack.prod.conf.js文件和webpack.dev.conf.js文件中,找到HtmlWebpackPlugin所在的位置,并改成以下样式,(莫名其妙的会多了个vue或者js,所以找不到index.html文件,然后就启动不了了),至于为什么会莫名其妙的多,我也还没搞清楚的,等我晓得了再更。

new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true
    }),

 

 

Logo

前往低代码交流专区

更多推荐