Javascript 在另一个JS文件中使用导出的JS函数_Javascript_Html_Ecmascript 6

Javascript 在另一个JS文件中使用导出的JS函数

javascript html ecmascript-6

Javascript 在另一个JS文件中使用导出的JS函数,javascript,html,ecmascript-6,Javascript,Html,Ecmascript 6,我的项目中有以下结构： -->地图 ---->map.js ---->cell.js js负责创建一个二维数组，每个位置都是一个单元格对象（Cell.js）在my cell.js中，我有以下代码： export function Cell(x, y, w) {} 在我的map.js中，当迭代每个位置时，我会创建一个新实例，如下例所示： import { Cell } from './cell.js'; ... board[i][j] = new Cell(i, j, w); ... 最后，

我的项目中有以下结构：

-->地图
---->map.js
---->cell.js

js负责创建一个二维数组，每个位置都是一个单元格对象（Cell.js）

在my cell.js中，我有以下代码：

export function Cell(x, y, w) {}

在我的map.js中，当迭代每个位置时，我会创建一个新实例，如下例所示：

import { Cell } from './cell.js';
...
board[i][j] = new Cell(i, j, w);
...

最后，在我的index.html中，我只是在head标记中声明了两个脚本：

...
<head>
 <script src="map/cell.js"></script>
 <script src="map/map.js"></script>
</head>

。。。

当我在Google Chrome上打开index.html（双击文件）时，控制台中会显示以下错误：

未捕获的语法错误：意外的令牌导出（cell.js:1）
未捕获的语法错误：意外标记{（map.js:1）

我还需要做什么才能使用这两个Javascript函数？

向脚本标记添加

type=“module”

属性。我已经添加了

type=“module”

在这两个脚本声明中，现在我面临以下错误：CORS策略已阻止从源站“null”访问脚本MY-Script-PATH：无效响应。因此不允许访问源站“null”。使用

启动chrome--允许从文件访问文件

（仅用于开发目的）或使用（可能是本地的）Web服务器托管文件。还有大量其他问题正在讨论CORS问题。