首页 > 解决方案 > 尝试在其他应用程序中加载 webpack 生成的文件不起作用

问题描述

vue create .我使用vue2 的默认设置创建了一个简单的 vue 项目。

//vue.config.js
module.exports = {
    configureWebpack: {
        entry: {
            mvcapp: [
                './src/main-mvc.ts',
            ],
        },
    },
};

我有一个简单的代码

// main-mvc.js
console.log('hello from mvc');

现在,当运行yarn serve它加载应用程序并在控制台中显示消息时。直到那很好。

现在我有另一个应用程序(简单应用程序),其中有包含代码的 sample.html 文件

<script src="http://localhost:8080/js/mvcapp.js"></script>

在 vue 项目运行的同时,我还使用 live-server 启动了 simple-app。在浏览器中加载 sample.html 正在加载 main.mvc.js 文件,没有任何错误,但没有控制台消息。

有人可以指出我这里有什么问题吗?如果在其他应用程序中链接,为什么 main-mvc.js 文件无法正确运行代码?

这是生成的js的完整代码:https ://goonlinetools.com/snapshot/code/#txgbtna5tas75m4ctl3jud

标签: javascriptvue.jswebpack-4

解决方案


推荐阅读