javascript - Javascript 模块导入时出现隐秘错误消息

Question

应用程序的起点是main.html

在main.html中，我通过标签引入了index.js。

在index.js中，我从paddle.js导入Paddle类

所有3个文件都在同一目录中

如果我从 paddle.js 复制 Paddle 类(它在 main.html Canvas 底部的矩形上绘制)并将其粘贴到 index.js 中......它工作得很好。

但是，从 paddle 模块导入 Paddle 类时，屏幕上没有任何结果，对我来说，Chrome Javascript 控制台中出现了一个神秘的语法错误:"import Paddle from "/paddle"; 未捕获的语法错误，意外的标识符”

代码:

main.html——标签底部

<script src="index.js"> </script>

index.js

import Paddle from "/paddle";

let canvas = document.getElementById("gameScreen");

...

paddle.js

export default class Paddle {...}

我使用的是 chrome 70，但它在 Firefox 63 上也失败(据报道，这两者都支持开箱即用的模块)

我正在谷歌上查找并将语法与文档进行匹配，但看不出有什么问题。

Answer 1

你能尝试一下吗，如果没有帮助请告诉我

<script type="module" src="index.js"> </script>