问题标签 [es6-module-loader]

Is there a way for System.import('module') to load 'module' synchronously?
Just like with require('module) in nodejs..

I was hoping to do something like this:

我正在尝试将 Angular 1.5、使用 ES6 导入模块语法的 UI 路由器与 Babel 和 Webpack 结合起来。

在我的 app.js 中，我有：

在 login/login.ctrl.js 我有：

当我启动我的应用程序时，我收到以下错误消息：

第二个问题。如何在 ES6 导入/导出中使用控制器：“loginCtrl as login”语法？

我正在尝试在我的 nodeJS 后端和 Aurelia 前端之间共享一些简单的元数据类。我可以从我的节点（v4.3）过程中要求并使用以下内容：

但它在被典型的 Aurelia 前端构建处理后无法加载到浏览器中：

如何使用可以在节点和 Aurelia 之间共享的类来构建模块？

我真的希望我能够使用 webpack 加载包含使用raw-loader. -不幸的是，它在第​​一行的 's 处失败 ： -----BEGIN CERTIFICATE-----.
作为测试，我删除了第一个-----，然后它在 " " （空格）字符处失败。

似乎比使用fs和回调更简单的解决方案。

为了澄清，我希望能够做到这一点：

我有一个相当大的 Angular 1 应用程序。我想逐步将它迁移到 Angular 2 中，所以我遵循官方升级指南。

现在由于某种原因，我在使用 SystemJS 时遇到了一个又一个问题，但我也怀疑旧应用程序是否可以使用异步模块加载，所以我想继续升级而不使用 SystemJS 或者使用更简单的模块装载机。

我尝试摆脱 SystemJS，但所有 ng2 模块都包含在System.register调用中。

那么如何设置一个使用 ng1 + ng2 而UpgradeAdapter没有 SystemJS 的项目呢？

编辑：我 Get SystemJS 为 ES6 提供了一个 polyfill import。假设我可以不用它，因为我只对在符合 ES6 的浏览器上运行应用程序感兴趣。

我正在考虑从 Dart 迁移到 ES6，但 Chrome 似乎不支持对我至关重要的新 import 语句。

我使用了该站点的（命名导出）代码：http ://www.2ality.com/2014/09/es6-modules-final.html

我什至尝试过

我收到错误：“意外的令牌导入”

如果他们会在最终版本之前支持它，是否有任何信息？

代码：

main.js

lib.js：

我有单独的 js 文件调用 api.js 并在那里定义了一个函数

我需要在我的 .jsx 文件的 handleClick() 方法中调用这个函数。您可以在下面看到 .jsx 文件

调用此函数时出现此错误

未捕获的 ReferenceError：未定义 FetchDetails

我有 jsx 类，我正在尝试显示一些从 API 调用中检索的联系人数据，但是一旦我添加了this.state.contacts.map函数，它就会给我一个错误，说TypeError: Cannot read property 'contacts' of null

一旦我像下面这样更改代码，错误就会得到修复。但随后出现错误， Uncaught TypeError: Cannot read property 'setState' of null

我已经尝试在互联网上搜索导入模块的执行顺序。例如，假设我有以下代码：

其中one.js和two.js定义如下：

控制台输出是否保证为：

还是未定义？

使用 ES2015 语法，我们有了新的导入语法，我一直在试图弄清楚如何将从一个文件导出的所有内容导入到另一个文件中，而不是将其包装在一个对象中，即。就好像它们在同一个文件中定义一样可用。

所以，本质上，这个：

这不起作用，至少根据我的 Babel/Webpack 设置，这种语法无效。

备择方案

这行得通（但如果您需要导入的东西不止几件，那就很长而且很烦人）：

就像这样（但它将常量包装在一个对象中）：

第一个变体是否有语法，或者您必须按名称导入每个事物，还是使用包装器对象？