導入包含腳本標記的外部 html - 不起作用
[英]Import external html containing script tag - doesn't work
問題描述
我有一個index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MyApp</title>
<link rel="import" href="./common.html">
</head>
<body>
<app-root></app-root>
</body>
</html>
和一個包含腳本標簽的外部 HTML 文件common.html
<script>
window.MY_APP = {
MY_SETTINGS: {}
}
</script>
如您所見，我正在index.html導入common.html 。 問題是MY_APP在成功渲染 index.html 后變得未定義。 我可以在網絡選項卡中看到成功調用 common.html 文件（在 Chrome 瀏覽器中測試 - V 80.**）。
這以前可以無縫地工作，但現在已經壞了。
有沒有人遇到過這個問題？ 或者有誰知道發生了什么？ 提前致謝。
1 個解決方案
解決方案1
2 已采納 2020-03-07 05:49:25
HTML 導入最近被 Chrome 折舊，這可以解釋為什么這曾經對您有用而不再適用。
https://www.chromestatus.com/feature/5144752345317376
在決策線程中，他們提到了 polyfills 和稱為 Shadow DOM V0 的東西，因此這些可能是您的替代品。
此功能是 Chrome 特定的，因此已被刪除。
我的代碼在<script> tags but doesn't work in an external file
[英]My code works in <script> tags but doesn't work in an external file
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.