用webpack打包的vue项目打开是空白页？

Question

vue项目用webpack 打包以后
打开index.html是空白页
里面的id为app的节点下没有任何东西
js的引入位置是对的，不是因为bundle的位置问题导致的

如何解决？

Answer 1

打包以后,直接打开html,你的html找当前文件根目录下的文件去了,当然找不到，你又没起服务。解决办法也很简单，指向当前目录即可。

module.exports = {
  publicPath: './'
}

Answer 2

描述不够详细，如果可以能把项目上传到github吗？

Answer 3

可能是路由配置文件的base属性造成的

Answer 4

修改vueconfig.js

module.exports = {
  publicPath: '/'
}

Answer 5

打包后的html文件中引入的那些chunk路径是不是'/'开头的,是的话去掉就好了

Answer 6

你打包后直接本地打开的吗？本地的话需要安装服务，用服务打开

Answer 7

补充以下 为什么要用http-server：
因为 chrome 对 file 协议是特殊处理的，你写的代码通过 file:// 打开和通过 http:// 打开，效果不一样。