问题标签 [traceur]

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 投票
5 回答
28206 浏览

javascript - 如何使用 ES6 模块模拟单元测试的依赖关系

我正在尝试使用 webpack + traceur 来处理 Ecmascript 6 模块以转换为 ES5 CommonJS,但我无法成功对它们进行单元测试。

我尝试使用 Jest + traceur 预处理器,但自动模拟和依赖项名称似乎变得古怪,而且我似乎无法让 sourceMaps 与 Jest 和节点检查器调试一起使用。

是否有更好的框架来对 ES6 模块进行单元测试?

0 投票
2 回答
445 浏览

angularjs - Angular 模块作为节点模块?

我真的很喜欢Angular的核心模块,我正在尝试在 node/io.js 环境中使用其中的一些功能;即:将Angular 模块转换为 commonjs 格式的 ES5 模块

我尝试使用 traceur 一个一个地手动构建 angular 模块,但没有成功(生成循环依赖),并且还尝试调整 angular 项目gulpfile.js以生成 commonjs 格式的 ES5 输出:

...正在运行build/transpile.js.dev任务,但我一直面临这条消息:

即使通过更改sourceMaps默认配置,我也无法摆脱这个map错误。

我还注意到他们的编译器工具,它似乎实际上处理了输出格式。但我没有机会改变它的选择。我只能在System.register无法转换为 commonjs 格式的文件中使用默认配置。

经历过这一切的人有没有在 commonjs 风格的项目中使用 angular 模块的解决方案?请注意,我想将其用作库,并且不想将我的项目转换为另一种类型的模块系统。

欢迎任何建议,谢谢!

0 投票
1 回答
663 浏览

javascript - 带有 ECMA6 的 Web 组件

索引.html

和我的网络组件: x-item.html

而且我没有收到任何错误,也没有收到我期望显示的内容,知道这是否真的有效吗?

这是如何以 ECMA6 语法扩展 HTMLElement 的吗?

E:将它完全放在一个页面中至少现在可以解决问题我知道它是创建自定义组件的正确方法,但问题是将它放在一个单独的文件中我认为这与<link rel="import" href="x-item.html">我尝试添加的跟踪器处理方式有关输入的类型属性没有运气。

0 投票
1 回答
359 浏览

javascript - 具有继承问题和 Traceur 未显示编译代码的 ES6 类

我正在尝试使用 ES6。特别是类和继承。在类Apple中,它扩展Polygon。我想扩展Polygon's 方法sayName()并将其转到 console.log。

当我通过traceur运行它时,我得到undefinedconsole.log(foo);

示踪剂:

  1. 我怎样才能sayName()Apple课堂上表现出色并让console.log(foo)表演变得有价值?
  2. 我以为 traceur 会向我展示编译后的代码,但事实并非如此。例如,$traceurRuntime.createClass()并没有帮助我了解它是如何创建这些构造函数的。我是否错误地使用 traceur 来查看编译的代码?
0 投票
1 回答
3769 浏览

ecmascript-6 - es6 import var 未在代码导入中定义

出于某种原因,当我做 var sphere = new Core(); 在游戏中,我看到核心是未定义的,即使我导入了它:

游戏.js

核心.js:

0 投票
1 回答
420 浏览

javascript - es6ify.runtime 让我的三个 js 导入空对象

我正在尝试使用 es6ify 浏览 javascript es6 代码。我的代码使用了三个 js 库(一个 webgl 抽象库),在我尝试将 traceur 编译器运行时添加到包的顶部之前,一切都运行良好。

这是我的 gulp 任务(问题一定与 gulp 无关):

在我的应用程序的某个地方,我正在尝试执行以下操作:

失败了,因为THREE实际上是一个空对象,因此WebGLRenderer是未定义的。

THREE js 在 node package.json 的依赖中,一般情况下 THREE JS 都导入好了。但是当我add(es6ify.runtime)在我的构建过程中添加时,它会导致require('three')一个空对象......

有什么我想念的吗?

谢谢!

0 投票
9 回答
244001 浏览

javascript - 如何使用 Traceur 在 ES6 类中实现私有方法

我现在使用 Traceur Compiler 来获得 ES6 特性的优势。

我想从 ES5 实现这些东西:

目前 traceur 不支持privatepublic关键字(来自和声)。并且 ES6 类语法不允许在类主体中使用简单var(或let)语句。

我找到的唯一方法是在类声明之前模拟私有。就像是:

总比没有好,但正如预期的那样,如果每次都没有-ing 或-ing就无法将正确的方法传递this给私有方法。applybind

那么,是否有可能在与 traceur 编译器兼容的 ES6 类中使用私有数据?

0 投票
1 回答
89 浏览

angularjs - angular-ui-router traceur 控制器分配

我正在尝试将控制器分配给 ui-router 中的状态。控制器由traceur编译。

状态分配如下所示:

编译后的控制器如下所示:

我显然收到了一个运行时错误,它说 FormController 不是一个函数。有办法解决吗?还有其他解决方案吗?

0 投票
2 回答
2740 浏览

reactjs - ES6(traceur) + Webpack + React

是否可以在 ES6 中开发 React 组件?

例如:

也可以使用 ES6 定义组件:

并以某种方式使用 webpack 构建所有这些?webpack 配置文件会是什么样子?

我设法使用 traceur 和 webpack 编译 ES6 代码,但无法将 JSX 转换为 javascript,也无法使用 ES6 扩展类。

谢谢

0 投票
1 回答
231 浏览

ecmascript-6 - 我如何访问 traceur atscript 中的字段注释

如何访问 atscript 中的字段注释?我只能访问类注释,但不能访问类中的字段注释,感谢您的帮助

以上被转码成

而且我没有看到考虑@Attribute归档的注释counter