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

问题描述 投票:1回答:0

我是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,并告诉我为什么会出现此类错误。

javascript ecmascript-6 babeljs systemjs
© www.soinside.com 2019 - 2024. All rights reserved.