问题:
在 Chrome 63 中,使用 import/ 导入 ES6 模块内容脚本中的导出语法导致语法错误。
原因:
与 HTML 脚本不同,内容脚本本身不支持模块加载。
解决方案:异步动态导入( ) 函数
要解决此问题,请使用以下命令解决方法:
示例:
manifest.json:
{ "web_accessible_resources": [ { "matches": ["<all_urls>"], "resources": ["my-module.js"] } ], ... }
content_script.js:
(async () => { const src = chrome.runtime.getURL("my-module.js"); const module = await import(src); module.main(); })();
同步导入解决方法
或者,您可以对非模块脚本使用同步导入解决方法:
以上是如何将 ES6 模块导入 Chrome 扩展内容脚本?的详细内容。更多信息请关注PHP中文网其他相关文章!