在靜態模板中，腳本標記用於導入另一個文件不起作用

Question

我已經創建了Field.js和index.js 。 index.js使用Field。 但是， Field.js從未加載。 我的沙箱在下面。

是否無法在codesandbox中執行<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); });