问题标签 [es6-modules]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
55340 浏览

javascript - 在 ES6 模块中等待文档准备就绪

使用提升,ES6 模块在文档准备好之前被加载。

例如,

登录body null控制台。

如何拥有使用 DOM 操作和必需的 ES6 模块document ready

我试着用

在我的模块中,但 babel 给我返回了一个Unexpected token错误。

我也试过

我有一个'import' and 'export' may only appear at the top level错误。

更新:

我有同样的问题

因为a没有定义。

也就是说要导出的变量不可用(请参阅我的更新)。

更新:

这是我基于@MaciejSikora 代码的尝试:

在另一个文件中我做

但是width是未定义的。

0 投票
2 回答
2486 浏览

javascript - 在 ES6/Babel 中重新导出整个模块

假设我有一个要重新导出的模块:

当我导入 reexport.js 时,exportme.js 的默认值不可用。

我必须使 reexport.js 成为以下内容才能正常工作。

有没有更简单的方法可以做到这一点,或者可以将其合并到一个语句中?

export default, * from './exportme.js'不起作用。

我正在使用最新的 babeltransform-export-extensions

0 投票
1 回答
1734 浏览

typescript - 从 Typescript 编译/转译到 ES5 不起作用

我正在使用 Webpack 并尝试使用 angular2。

这就是为什么我编辑了我所有的东西以便能够编译打字稿。我的计划是像这里一样,将 typescript 编译为 ES6,然后使用 Babel 将其转换为 ES5。

这就是我的小应用程序的外观:

那么这就是我的 tsconfig.json 的样子:

这就是 webpack 配置中的 loader 配置:

我还尝试使用 compilerOptions,将目标设置为 es5,将模块设置为 es2015,等等……但它不起作用。我总是遇到同样的错误:Unexpected token import,指向 angular2Component-App 的第一行。所以它不知道导入。此外,在浏览器中,您可以看到只有 @Component 部分似乎被正确编译/转译,然后看起来像这样:

但是写在上面,仍然有同一行import {Component} from 'angular2/core';,根本没有编译/转译。

有没有人有想法,可能是什么问题?

0 投票
0 回答
663 浏览

angularjs - ES6 和 Angular 使用来自控制器的单独文件中的 Factory

在我的控制器 MyController 中使用 ES6 我发出一个 http 请求来检索 webapi json 数据.. 工作得很好,直到..

我想接听这个电话并将它放在这个控制器文件之外的服务或工厂文件中。我不能这样做..有人可以指导我吗?

我有一个应用程序文件,可以导入我的控制器和其他类似的组件

我试图像这样创建一个工厂:

从我的控制器我尝试调用它:

我试图将该类导入我的应用程序,然后导入我的控制器文件.. 没有工作。

此时的错误是:Error: _factory.myFactory is not a constructor

0 投票
1 回答
9168 浏览

javascript - ES6 javascript导入外部js文件

我在我的 ES6 javascript 模块中尝试这个:

但它失败了这个编译错误:

文件 externalutil.js 是一个不导出任何内容的老式 javascript 库。

任何帮助将不胜感激。

0 投票
2 回答
323 浏览

javascript - ES6 JS:存在递归时的 const 导出语法

我有以下有效的代码:

但是,为了清楚起见,我想将export default定义放在同一行A。但是,由于某些部分A基本上是自称,我无法找出正确的语法可能是什么。

0 投票
1 回答
470 浏览

typescript - d3 4.0 - import 语句提供 __moduleExports 包装器

我在 D3 4.0 和 Ionic2/Angular2 项目中的导入语句遇到问题。

我相信我使用了正确的导入语句,并且一切都编译好了。

编译为:

但是,在运行时该xml函数不存在于d3Request$2.xml. 它只存在于 上d3Request$2.__moduleExports.xml,但代码不会编译为那个。是什么赋予了?

我也尝试过import d3Request from 'd3-request'它也可以编译但仍然不起作用。结果是:

但是,这仍然不起作用,因为d3Request$1最终未定义。d3Request.xml存在,但代码不编译为,它编译为d3Request$1.xml

0 投票
1 回答
2072 浏览

javascript - 如何检查导入语句在 Node 6 REPL 中是否正常工作?

没有转译这可能吗?有没有办法在不更改我的代码的情况下填充导入?

我想把它拉到控制台(REPL),看看对象是否设置正确。但:

看起来我还不能在 REPL 中使用 import 。那么有什么选择呢?我需要使用 ES5/Noderequire吗?我可以为 Nesh 添加到我的加载器中吗?

理想情况下,我只想打开node控制台并在一行中使用粘贴,import而无需更改我的代码。

0 投票
5 回答
54686 浏览

javascript - 在 ES 6 模块中重新导出默认值

在 ES6 中,是否可以缩短以下代码。我有一个App.js文件和一个index.js.

index.js

像这样的东西

index.js

0 投票
3 回答
1089 浏览

javascript - ES6 Exporting and Importing a Function

If I have an ES6 JS file (test.js) ...

With Babel, is it possible to transpile and call it in an index.html file

And start using the function without needing to import it into another js file? For Ex. the next script tag after would have the following code. This is in use with Webpack --