Блог

У меня есть файл шаблона go, который успешно отображает мой HTML и данные с сервера. Однако я хочу создать функцию поиска и фильтрации с помощью Vue и, возможно, Vuex, передав данные из файла Go в качестве реквизита компоненту Vue (пожалуйста, поправьте меня, если я ошибаюсь в выборе этого способа). Я создал три файла:

vue_func.js который содержит следующее:

 new Vue({
  el: "#app",
  delimiters: ['{%', '%}'],
  
  data() {
    return {
      name: "World!"
    };
  },
  
});
 

А dronemodel.js файл, содержащий HTML, который должен отображать список дронов и в основном выглядит следующим образом :

 const models={
template:`<myhtml>`
}
 

затем я экспортирую эту константу:

 export{models}
 

Затем я пытаюсь импортировать это в vue_func.js:

 import {models} from './components/dronemodels'
 

и пытается использовать его в качестве:

 Vue.component("models", models);
 

Эта установка выдает эту ошибку:

Не удалось загрузить сценарий модуля: ожидался сценарий модуля JavaScript, но сервер ответил типом MIME «текст/html». Строгая проверка типов MIME применяется для сценариев модулей в соответствии со спецификацией HTML.

В чем может быть проблема? То же самое происходит, когда я пытаюсь импортировать свой store.js (Vuex) в экземпляр my vue, который находится по адресу vue_func.js.