Webpack打包后报错问题解决办法
最近使用Vue+WebPack进行项目开发,在完成开发后,执行npm run build生成dist文件后,打开index.html,界面一直未加载成功,通过console窗口看到所有资源文件都在报404错误。意思很显然是路径不对,但是检查过后,感觉路径也没有大的错误,后来发现只要其实是一个特别不起眼的错误导致的。这个是引入文件的路径地址,看起来是不是感觉没什么问题,其实是少了一个...
·
最近使用Vue+WebPack进行项目开发,在完成开发后,执行npm run build生成dist文件后,打开index.html,界面一直未加载成功,通过console窗口看到所有资源文件都在报404错误。
意思很显然是路径不对,但是检查过后,感觉路径也没有大的错误,后来发现只要其实是一个特别不起眼的错误导致的。
这个是引入文件的路径地址,看起来是不是感觉没什么问题,其实是少了一个.的缘故。
那么怎么解决呢?
打开vue工程config文件下的index.js文件,这个文件就是用来配置我们在打包的时候的一些参数配置的。
修改下面这行代码:
assetsPublicPath: '/',
为以下
assetsPublicPath: './',
现在再看地址,终于对了。(注意前面的.哦~)
然后重新运行npm run build,就会发现项目可以成功运行啦,开心~
更多推荐
已为社区贡献10条内容
所有评论(0)