我有一个使用webpack工作和捆绑的Vue应用程序。现在我试图让webpack开发服务器正常工作以进行热重新加载。
但是我的应用程序甚至没有显示在初始页面加载上。没有错误,只是没有加载。我可以在开发服务器提供的文件中看到我的代码,包括如果我改变了什么就重建它。
这是我的文件包含方式:
<script src="https://localhost:44201/dist/my-lib.js" type="text/javascript"></script>
以下是我的应用呈现给网页的方式:
/* landing page */
import SplashIndexApp from './apps/landing-page/landing-page-app.vue';
if (document.querySelector("#splash-index-app")) {
var store = new Vuex.Store(landingPageStore);
new Vue({
el: '#splash-index-app',
store,
render: h => h(SplashIndexApp)
});
}
如果我构建它并将其从dist文件夹中包含它:
<script src="~/dist/my-lib.js" type="text/javascript"></script>
然后它工作正常。
我不知道区别是什么,但显然我错过了一些基本的东西。
编辑:添加了配置:
devServer: {
hot: true,
https: true,
overlay: true,
publicPath: '/dist/',
port: 44201
},