在静态模板中，脚本标记用于导入另一个文件不起作用

Question

我已经创建了Field.js和index.js。 index.js使用字段。但是Field.js从未加载。我的沙箱在下面。

在codeandbox中不能进行<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);
});