分离importmap到importmap.js，并用text/javascript类型加载。

使用“module”加载时会“External import maps”错误 @see WICG/import-maps#235 @see https://www.jianshu.com/p/b23d823a183a
SunDawning · Mar 28, 2022 · c43fc59 · c43fc59
1 parent 52426a2
commit c43fc59
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/projects/try-web-without-frame/WebGL编程指南/WebGL入门/最短的WebGL程序：清空绘图区/HelloCanvas.html b/projects/try-web-without-frame/WebGL编程指南/WebGL入门/最短的WebGL程序：清空绘图区/HelloCanvas.html
@@ -3,13 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <title>清空绘图区</title>
-    <script type="importmap">
-      {
-        "imports": {
-          "Canvas": "./Canvas.js"
-        }
-      }
-    </script>
+    <script type="text/javascript" src="./importmap.js"></script>
     <script type="module">
       {
         const { Canvas } = await import("Canvas");

diff --git a/projects/try-web-without-frame/WebGL编程指南/WebGL入门/最短的WebGL程序：清空绘图区/importmap.js b/projects/try-web-without-frame/WebGL编程指南/WebGL入门/最短的WebGL程序：清空绘图区/importmap.js
@@ -0,0 +1,8 @@
+const script = document.createElement("script");
+script.type = "importmap";
+script.textContent = JSON.stringify({
+  imports: {
+    Canvas: "./Canvas.js",
+  },
+});
+document.currentScript.after(script);