В статическом шаблоне скрипт-тег для импорта другого файла не работает

Question

Я создал Field.js и index.js.index.js использует поле.Однако Field.js никогда не загружается.Моя песочница находится ниже.

Разве невозможно сделать <script src="Field.js"></script> в кодах и ящике?Это работает только для src="index.js"?

Вот моя песочница - https://codesandbox.io/s/l55933j36z

Answer 1

Вот пример того, как мы можем прослушивать пользовательское событие.Это позволит вам «ждать» сценария и работать правильно.

// This lives in you scrip dependancy.
const scriptReadyEvent = new CustomEvent('MyScriptLoaded', {
  bubbles: true
});

// Dummy a delay in loading a script
function demoDelay() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
    resolve('foo');
    }, 2000);
  });
}

// Listen for script loaded
document.addEventListener('MyScriptLoaded', () => {
  console.log('Script is loaded');
});

// The script would do this.
demoDelay().then(() => {
  document.dispatchEvent(scriptReadyEvent);
});