javascript模块导入时出现的神秘错误消息

应用程序的起点是main.html

在main.html中,我通过一个标记引入index.js。

在index.js中,我从pade.js导入了一个pade类

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

如果我从pade.js复制pade类(它在main.html画布底部的矩形上绘制),并将其粘贴到index.js中…它很好用。

但是,从桨模块导入桨类不会在屏幕中产生任何结果,对我来说,chrome javascript控制台中的语法错误很神秘: “import pade from”/“pade”;未捕获的语法错误,意外的标识符”

代码:

main.html——在标记的底部

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

索引文件

import Paddle from "/paddle";

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

...

船桨

export default class Paddle {...}

我使用的是Chrome70,但它在firefox3上也失败了(据说两者都支持现成的模块)

我在搜索整个谷歌,并将语法与文档进行匹配,但看不到有任何问题。