从另一个文件导出对象不起作用 - JS

时间:2017-08-17 12:41:11

标签: javascript webstorm

我在JavaScript中使用函数作为对象。 我查看导入对象的documentation和 我试图在map.js中创建这个类,我想在main.js中使用这个类。

main.js

import {Map} from 'map';
var myMap = new Map();

map.js

export function Map  () {
    this.a;
    this.b

    this.sum() = function(){
    }
....    
};

因为我看到我的代码中的一切都很好。为什么我还没有工作? webStorm有任何连接吗? 我不想使用Node.js只是Js。

2 个答案:

答案 0 :(得分:2)

看看SystemJS这是一个可以根据ES6语法导入模块的程序。您需要这个,因为几乎没有浏览器当前支持Javascript模块,因此您需要第三方工具来为浏览器执行此操作。

您还可以使用像webpack这样的捆绑工具,它将所有必需的文件捆绑到一个Javascript文件中。

看看这些工具,先尝试自己解决。如果您遇到麻烦,我们很乐意提供帮助。

答案 1 :(得分:1)

require()是NodeJS的东西,导入是es6语法。

大多数浏览器都不支持使用es6。您需要像babel这样的编译器才能使用它。