为什么我的Vue应用程序在从webpack dev-server提供时不能运行?

时间:2018-02-05 11:44:29

标签: webpack vue.js webpack-dev-server

我有一个使用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
},

0 个答案:

没有答案