Vue-Cli 3 страницы конфигурации будет служить JavaScript, но не запускает его - PullRequest
Новая
       10

Vue-Cli 3 страницы конфигурации будет служить JavaScript, но не запускает его

0 голосов
/ 10 января 2019

Я сталкиваюсь с проблемой при попытке использовать page 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"]
    }
}

У меня есть файлы и шаблоны точек входа в (я предполагаю) правильных местах:

file locations

И когда я запускаю npm run serve и перехожу на тестовую страницу (http://localhost:8080/test-case-study.html) для проверки, разметка загружается правильно, файл javascript успешно отображается на вкладке сети, но я получаю ошибку

Ресурс http://localhost:8080/test-case-study.js был предварительно загружен с использованием предварительной загрузки ссылки, но не использовался в течение нескольких секунд после события загрузки окна. Пожалуйста, убедитесь, что оно имеет соответствующее значение as и предварительно загружено намеренно.

Тег скрипта успешно добавляется в голову:

script tag added

И когда я смотрю на вкладке исходного кода javascript, все выглядит правильно, и я вижу вызов функции evaluate с моим пользовательским javascript, но ничего не срабатывает.

UPDATE

Я запустил сборку и проверил вывод файла 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 загружается дважды, и я до сих пор не понимаю, почему он не сработает. Вы могли бы подумать, что это будет срабатывать не раз, а не вовсе.

Что-то мне не хватает в моей конфигурации?

...