更新

Question

在尝试将pages config用于vue-cli v3时遇到问题。

我有两页设置，我的索引页和一个测试页：

pages: {
        index: {
        entry: "src/main.js",
        template: "public/index.html",
        filename: "index.html",
        title: "Index Page",
        chunks: ["chunk-vendors", "chunk-common", "index"]
    },
        "test-case-study": {
        entry: "src/subpage/test-case-study.js",
        template: "public/test-case-study.html",
        filename: "test-case-study.html",
        title: "Test case study",
        chunks: ["chunk-vendors", "chunk-common", "test-case-study"]
    }
}

我的入口点文件和模板位于（假设）正确的位置：

当我运行npm run serve并导航到测试页（http://localhost:8080/test-case-study.html）进行检查时，标记加载正确，javascript文件在“网络”标签中成功通过，但出现错误< / p>

资源http://localhost:8080/test-case-study.js已使用链接预加载进行了预加载，但在窗口加载事件发生后的几秒钟内未使用。请确保它具有适当的as值并且已被有意地预加载。

脚本标签已成功添加到头部：

当我在javascript的“源”选项卡中查看时，一切看起来都是正确的，并且可以看到使用自定义javascript进行的evaluate函数调用，但是没有触发。

更新

我运行了一个构建并检查了dist/test-case-study.html文件的输出，它看起来像这样：

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8>
        <meta http-equiv=X-UA-Compatible content="IE=edge">
        <meta name=viewport content="width=device-width,initial-scale=1">
        <title>Test case study</title>
        <link href=/js/chunk-vendors.96f8ab67.js rel=preload as=script>
        <link href=/js/test-case-study.d382d007.js rel=preload as=script>
    </head>
    <body>
        <h1>hi</h1>
        <div id=app></div>
        <script src=/js/chunk-vendors.96f8ab67.js></script>
        <script src=/js/test-case-study.d382d007.js></script>
    </body>
</html>

奇怪的是，javascript被拉了两次，但我仍然不明白为什么它不会触发。您可能会认为它会触发多次而不是根本不会触发。

我的配置中缺少什么吗？

vue-cli 3页面配置将提供javascript，但不会触发

更新

0 个答案: