Использование vuejs через модуль es6 в индексе. html без узла - PullRequest
Новая
       14

Использование vuejs через модуль es6 в индексе. html без узла

0 голосов
/ 06 января 2020

Я пытаюсь добавить vuejs внешний интерфейс к моему java бэкенду (весенняя загрузка) без использования узла. Я создал простой индекс. html: 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Hello Test!</title>
  </head>
  <body>
    <h1>test test</h1>
    <div id="app"></div>
    <script type="module" src="main.js"></script>
  </body>
</html>

, который должен импортировать следующие основные. js (находится в той же папке), что и модуль: 

import Vue from './vue.js'

import {
  Navbar
} from './component/navbar.js'

import {
  MainTemplate
} from './templates/main-template.js'

new Vue({
  el: '#app',
  components: {
    'navbar': Navbar
  },
  template: MainTemplate
})

При доступе к localhost в chrome или firefox я получаю заголовок «тестовый тест», но появляется ошибка «Не удалось загрузить ресурс: сервер ответил с состоянием 404 ()» относительно основного. js ,

Я нашел разные уроки, утверждающие, что это должно работать. Опробование различных способов импорта основного файла. js не изменило ошибку.

Поскольку мне действительно нужно, чтобы это заработало, я буду очень признателен за любые советы по этому поводу! Заранее спасибо!

...