以下是我的示例文件:

<!DOCTYPE html>
<html>
<head>
  <title>Test</title>
  <script src="t1.js"></script>
</head>
<body></body>
</html>

t1.js:

import Test from 't2.js';

t2.js:

export const Test = console.log("Hello world");

当我在Firefox46中加载页面时,它返回"SyntaxError:import声明可能只出现在模块的顶层"--但是我不确定import语句在这里还能达到多少顶层.这个错误是在转移视线吗?是否还不支持导入/导出?

推荐答案

实际上,您遇到的错误是因为您需要明确声明您正在加载一个模块——只有在这样的情况下,才允许使用模块:

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

我在this document about using ES6 import in browser里找到的.推荐阅读.

这些浏览器版本(及更高版本;caniuse.com个完整列表)完全支持:

  • Firefox 60
  • Chrome(台式机)65
  • Chrome(Android)66
  • Safari 1.1

在较旧的浏览器中,您可能需要在浏览器中启用一些标志:

  • Chrome Canary 60——在chrome:flags年的实验性网络平台旗帜之后.
  • Firefox 54–dom.moduleScripts.enabled设置为about:config.
  • 边缘15-在实验JavaScript功能设置about:flags的后面.

Html相关问答推荐

如何删除html原生对话框的宽度

使用Scrapy Select 最后一个子文本

如何在不影响子列表的情况下在HTML(OL Li)上同时加数字和列表?

将网格包装在css中

Angular 滑块问题

未在抖动中播放的HTML音频||文本正在工作其他标记正在播放,但音频未播放

为什么我得不到有错误的字段?迈克尔·哈特尔教程.7.3.3

try 更新我的Node.js应用程序中的用户,但我收到错误.然而,当我使用postman 时,更新工作正常

列表项文本在占据剩余空间之前在标记下换行

错误时交换表单,成功时使用HTMX重定向

为什么我的 html 对话框在 React 中没有渲染在我的内容之上?

使用shinyjqui拖放到网格表中

下划线在 Bootstrap 5 导航链接下无法正常工作

为什么我的图像在悬停时与固定顶部栏重叠?

如何使用html css将图像显示为附加形状

在shiny 的应用程序中使用图标功能时出错

在 vscode 中找不到 htmltagwrap 命令

悬停一个 div 时更改所有其他 div 上的字体 colored颜色

Header 或 P 标记中的填充不能与 em 单元一起正常工作

粘性定位的子元素忽略父母的填充