应用程序的起点是main.html
在main.html中,我通过标签介绍index.js。
在index.js中,我从paddle.js导入一个Paddle类
所有3个文件都位于同一个目录中。
如果我从main.html复制Paddle类(它在画布底部的矩形上绘制)并将其粘贴到index.js中.效果很好。
但是,从Paddle模块导入paddle类,在屏幕上没有任何结果,对我来说是Chrome控制台中的一个神秘语法错误:“从”/paddle“导入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上也失败了(据报道,两者都支持开箱即用的模块)。
我正在搜索所有的谷歌,并匹配语法与文档,但没有发现任何问题。
发布于 2018-11-19 03:23:27
你能试试这个吗?如果没有用,你能告诉我吗?
<script type="module" src="index.js"> </script>发布于 2018-11-19 03:36:52
为了从嵌入式脚本中导入,必须将attribute=“模块”添加到嵌入式脚本的标记中。MDN。
静态导入语句用于导入由另一个模块导出的绑定。不管您是否将导入的模块声明为严格的模块,它们都处于严格模式。导入语句不能在嵌入式脚本中使用,除非这种脚本有一个type=“模块”。 还有一个类似于函数的动态导入(),它不需要type=“模块”的脚本。
https://stackoverflow.com/questions/53367776
复制相似问题