JS связки и путаница

Question

Я пытаюсь лучше понять область видимости внутри упакованного в пачку пакета с компонентами узла и другими js.

Предположим, моя запись импортирует восемь файлов, которые будут объединены: // import point point. ./Components/file1 ';import './components/file2';... import './components/file8';

И предположим, в file1.js у меня есть:

// file1.js

let bubbles = () => {
  console.log('likes cats');
};

// or

function bubbles() {
  console.log('likes cats');
}

Почему тогда, если у меня это есть в файлах8 (импортированных последними),это бросает неопределенную ошибку? Как вызвать функции, объявленные в других импорте?

// file8.js

bubbles(); // fails in any file other than file1.js where it's declared.

Answer 1

Вам необходимо явно использовать export для функций / примитивов, к которым вы собираетесь обращаться извне:

https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export