Импорт / экспорт в JavaScript дает «Uncaught SyntaxError: Неожиданный идентификатор»

Question

У меня очень простой вопрос, который я не мог понять в течение нескольких дней. У меня есть 2 файла .js. Один для конфигурации. Мне нужно вызвать данные из default.js в app.js. Но это дает Uncaught SyntaxError: Неожиданный идентификатор

Я проверил все онлайн-платформы, чтобы найти решение, перепробовал все разные комбинации экспорта / импорта, но не смог найти никакого решения.

// default.js

export default (config = {
  apiKey: "enterYourApiKeyFromOpenWeather"
});

// app.js

import config from "./config/default";

Я использую vscode и (импорт конфигурации из "./config/default";) строка подчеркнута подчеркиванием с пробелом. Возможно, мне понадобится установить пакет.

Если я напишу:

const config = require("./config/default");

Я получаю эту ошибку: app.js: 2 Uncaught ReferenceError: требование не определено

Answer 1

Вам необходимо указать .js в вашем default.js импорте, так как это ванильный JS, а не часть процесса сборки (например, Gulp) или express.js приложение само по себе.

В вашемapp.js

import config from "./config/default.js";

Когда вы включаете app.js в элемент скрипта, как упомянуто jro в комментариях:

... вы установили type = module наваш элемент скрипта - jro

Вам необходимо установить type=module в вашем скрипте и вашем модуле, например:

<script src="app.js" type="module">
<script src="config/default.js" type="module">

Если вы не укажете type=module, вы будетеснова наткнуться на Uncaught SyntaxError: Unexpected identifier.