Как импортировать переменную из файла JS в другой файл JS, который использует Vue CDN? - Uncaught SyntaxError: неожиданный идентификатор

Question

Я новичок в Vue и пытаюсь импортировать переменную, которая состоит из ключа API, необходимого для моего app.js, где используется Vue CDN.Но я получил эту ошибку:

Uncaught SyntaxError: Неожиданный идентификатор app.js: 1

Все остальное работает нормально, только у меня проблема с импортом.

Предварительный просмотр моего кода:

//---config.js---


export const key = 'someKey';


//---app.js---

import key from './config.js'

new Vue({
  ...,
  components: {
    key
  },
  ...

PS Есть ли способ заставить его работать без использования Vue CLI?

Answer 1

Если вы хотите использовать импорт / экспорт, вы должны добавить type="module" в тег скрипта в html.Вот так.

<script type="module" src="index.js"></script>

А так как вы использовали экспорт вместо экспорта по умолчанию при импорте используйте:

import {key} from './config.js'

Answer 2

Где вы используете оператор импорта-экспорта? (Chrome, Firefox и т. Д.). Чтобы понять, как работает оператор импорта-экспорта, следует проверить совместимость браузера