使用SystemJS和Babel导入ES6模块会出错

时间:2016-03-06 05:03:28

标签: javascript ecmascript-6 babeljs systemjs

我是SystemJS的新手并且它给了我一个艰难的时间,例如,当我导入以下模块时它显示错误

const labels = [{
 name: "l1",
 title: "Title"
}];
export default labels;

但是如果我写exports["default"] = labels;而不是export default labels,则会显示没有错误,并返回名为 r 的对象,其中包含默认密钥中的标签。

我的SystemJS配置就像

System.config({
    baseURL: "/",
    defaultJSExtensions: true,
    transpiler: "babel",
    babelOptions: {
      "optional": [
        "runtime",
        "optimisation.modules.system"
      ],
      "stage": 1,
      "blacklist": []
    },
    map: {
      babel: "https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.js"
    }
  });

我导入模块

  System.import("config/labels").then(function (a, b) {
    console.log(a, b);
  });

我正在使用的库是

<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.33.3/es6-shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.23/system-polyfills.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.23/system.js"></script>

请帮我正确配置SystemJS,并告诉我为什么会出现这样的错误。

0 个答案:

没有答案