Vue js Build not working

Question

我正在尝试获得vue js生产源代码。 我用这个命令npm run build。我得到了一个dist文件夹，其中index.html和一个名为static的文件夹全部为css和js。

当我试图运行index.html在本地主机，即，XAMPP服务器我得到了一个空白页。

是否有可能与VUE JS在XAMPP运行。

Answer 1

Vue.js是一个浏览器端应用框架。服务器端技术并不重要，除非您尝试进行服务器端渲染。

npm run build作品完全没有问题，而且它创造了manifest.#.js，vendor.#.js和app.#.js

缩小的一组文件的打开谷歌浏览器的开发者工具的网络标签来查看文件加载得到什么。如果任何js文件没有被加载，那么您需要执行一个路径配置，以便您的服务器提供正确的文件。

您可能需要稍微调整index.html文件，以使其完全符合您的要求，并将js文件从dist/static文件夹移至您的首选位置。只要应用程序文件按照正确的顺序提供，url路径并不重要。

Answer 2

通常，当您执行生产构建时，在index.html文件中设置的路径会在其前面添加一个斜杠，这意味着它将查找基本域中的文件。所以即时通讯猜测你只是试图通过双击index.html文件并在浏览器中打开它在浏览器中打开文件。

喜欢的东西 file:///Users/brianvoelker/Desktop/websites/vue-build/docs/index.html 因此，在这个例子是想寻找文件file:///和病程不要存在的。

所以你可以做任何两件事情打开index.html文件，并在开始时删除斜线或只是知道什么时候部署，它将工作，因为文件查找相对于基本域。

P.S.如果你正在寻找一个cli build tool Vue-build.com

Answer 3

我遇到了类似的问题，上面的信息帮助了我。但是，我发现如果您编辑VueJS CLI webpack工具的config文件夹中的index.js文件，并从默认的'/'将'assetsPublicPath：'变量编辑为'./'，那么未来版本将查找正确的引用到静态文件夹中的css和js文件。

Answer 4

我之前也有过这个问题。我通过更改config文件夹中的index.js文件来解决它。在构建，我改变了：

assetsPublicPath: '/', 

到

assetsPublicPath: '', 

，并试图再次NPM运行版本。我检查了dist文件并打开了索引。HTML和它的工作，没有空白页。