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

时间:2018-07-03 23:37:50

标签: javascript html ecmascript-6

我的项目中具有以下结构:

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

map.js负责创建一个二维数组,每个位置都是一个Cell对象(cell.js)。

在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(双击文件)时,它在控制台中显示以下错误:

未捕获的SyntaxError:意外的令牌导出(cell.js:1)
未捕获到的SyntaxError:意外令牌{(map.js:1)

要同时使用这两个Javascript函数,我还需要做什么?

0 个答案:

没有答案