Uncaught SyntaxError: Невозможно использовать оператор импорта вне модуля Vue. js файл одного компонента - PullRequest
Новая
       29

Uncaught SyntaxError: Невозможно использовать оператор импорта вне модуля Vue. js файл одного компонента

0 голосов
/ 12 апреля 2020

Я создаю мои .vue файлы компонентов, чтобы удалить шаблоны из index.html файла моего SPA. После того, как я переместил первый компонент в отдельный файл, я получаю эту ошибку в консоли: Uncaught SyntaxError: Cannot use import statement outside a module. Я не использую webpack, browserify babel или подобные инструменты, я просто использую javascript. Как я могу решить эту проблему и импортировать отдельные файловые компоненты внутри основного javascript файла приложения?

1 Ответ

1 голос
/ 12 апреля 2020

Просто используйте обычные JavaScript файлы, .vue файлы поддерживаются только через vue-cli, так как они компилируются. Это решение работает, позволяя вам разделить вашу логику c на несколько файлов, точно так же, как вы делаете с .vue шаблонами.

index. html

<head>
   <!-- TODO: your imports here... -->

   <script src="path/to/MyComponent.js"></script>
</head>

<body>
   <div id="app">
      <my-component></my-component>
   </div>

   <script>
   new Vue({
      el: '#app'
   });
   </script>
</body>

MyComponent. js

const MyComponent = Vue.component('my-component', {
   data () {
      // Your data here...
   },
   methods: {
      // Your methods here...
   },
   template: '<p>Hello, world!</p>'
});

Более подробную информацию можно найти здесь .

...