Tag: babeljs

Babel + Mocha堆栈跟踪报告错误的行号: 当使用Babel 6和Mocha时，堆栈跟踪报告错误的行号。我很确定这是因为transpiling增加了额外的代码。这是Babel 6与Babel 5.x的新行为。有没有人有一个解决scheme，如何解决这个问题时使用摩卡进行unit testing？这是我的.babelrcconfiguration： { "ignore": [ "node_modules", "bower_components" ], "presets": [ "es2015", "react" ], "plugins": [ "transform-react-constant-elements", "syntax-async-functions", "transform-regenerator" ] } 注意：不pipe我是否需要（'babel-polyfill'）在我的应用程序的入口点，这是发生。示例堆栈跟踪如下所示： TypeError: Cannot read property 'should' of undefined at _callee2$ (test/unit/index.test.js:217:34) at step (test/unit/index.test.js:27:284)

Babel-node中的variables声明: 我使用babel-node来执行这个简单的语句： let obj = {}; 但是当我运行，出现以下错误： SyntaError: repl: Only 'var' variables are supported in repl 我试图运行“var”而不是“let”，但是它出现了： undefined 那么我不能访问该variables

如何在es2015中导入rethinkdbdash: 我是在node.js中编程的新手。我已经安装了gulp-babel ，它把我的js文件放在/ src里，并把经过转换的源文件移动到/ dist文件夹（这个工作真棒）。我想使用rethinkdbdash而不是rethinkdb 。在es5中，我们将执行以下操作： var r = require('rethinkdbdash')(); 在es6中，使用导入的正确方法是什么？ import 'rethinkdbdash'; var r = rethinkdbdash(); 谢谢您的帮助。我希望答案也能帮助有同样问题的人。

使用Babel编译依赖的JavaScript: 如何使用babel-cli模块编译具有所有必需依赖项的ES6 JS代码？例如。我有下一个项目结构： /lib /packageA /node_modules – package.json – index.js /packageB /node_modules – package.json – index.js /app – index.js – package.json 我在/app/index.js导入软件包packageA和/app/index.js ，除了在node_modules使用npm安装的软件包外，所有组件都使用ES6语法node_modules 。我想编译/app/index.js所有的依赖关系，但不能明确提供packageA和packageBpath的简单方法。我已经find了这个模块https://github.com/mairatma/babel-deps ，但是还有其他工具/方法/本地babel灵魂？

Babel ES6：导入节点模块也需要在ES6中进行转换: 我正在导入一个节点模块，但遇到了一个问题，我导入的节点模块是用es6编写的，而且babel无法传输。在基类头中： import foo from 'bar/lib/foo'; 在节点模块中的foo.js中： import Debug from 'debug'; export default class foo from bar { … … … } 错误信息： import Debug from 'debug'; ^^^^^^ SyntaxError: Unexpected token import 正如你所看到的，它能够find文件foo.js，但是它没有在es6中运行节点模块。我怎样才能使Babel传输基本代码以及它试图导入的节点模块？

在ecmascript中导入时执行函数: 而通常情况下导入模块的方式，我们这样做 var a = require('a') 另外如果我们从“a”模块导出函数，我们可以这样做 var a = require('a')(); 但我们怎么能做到这一点ecmascript我试过 import a from 'a'() 但如果我喜欢的话，它也不起作用 import a from 'a'; a = a(); 有重复的声明错误，我正在使用ecmascript2015的babel转播预设

用节点6.3设置Koa 2: 我试图用Koa 2和Node 6.3build立一个项目，我想用Babel来填写Node中缺less的ES6 / ES7function。这是我现在设置：我已经安装了以下npm包： "babel-preset-node6": "^11.0.0", "babel-register": "^6.9.0", "koa": "^2.0.0", 我的.babelrc是： { "presets": [ "node6" ] } 我的index.js是： require('babel-register'); require('./app'); 而我的app.js是： import Koa from 'koa'; const app = new Koa(); app.use(async (ctx) => { ctx.body = 'Hello world'; }); app.listen(3000); 当我运行node index.js我得到的错误： Unexpected token (4:20) 2 | const app = new Koa(); […]

将Babel转换为asynchronous模块的方法转换为带有ES6映射的Bluebird: 我们正在尝试在Babel使用Node.js 6.5.0，使async functions使用Bluebird代替原生V8 ES6承诺：我们的package.json只包含以下Babel条目： "devDependencies": { "babel-cli": "^6.9.0", "babel-plugin-transform-async-to-module-method": "^6.8.0", "babel-plugin-transform-es2015-destructuring": "^6.9.0", "babel-plugin-transform-es2015-modules-commonjs": "^6.14.0", } 和.babelrc ： { "plugins": [ "transform-es2015-modules-commonjs", "transform-es2015-destructuring", [ "transform-async-to-module-method", { "module": "bluebird", "method": "coroutine" } ] ] } 但是，我们的async functions返回ES6映射在执行过程中导致以下错误：一个价值[对象地图]被产生，不能被视为一个承诺我们如何解决这个问题？聚苯乙烯一切正常，当async functions转换为generators与transform-async-to-generator

模块构build失败：错误：在“base”中指定的插件0提供了“definitions”的无效属性: 我没有成功地试图让webpack打包我的react / redux应用程序的生产版本。构build成功正常，但只要我添加一个webpack插件切换环境详细在这里： https ://stackoverflow.com/a/30061249/7114096（这是链接在由我正在运行缩小的开发版本），它跌倒了。 webpack.config.js： 'use strict'; var webpack = require('webpack'); var path = require('path'); var BUILD_DIR = path.resolve(__dirname, 'web/bundles/frontend/build/react'); var APP_DIR = path.resolve(__dirname, 'web/bundles/frontend/src/react'); var config = { entry: ['babel-polyfill', APP_DIR + '/search.js'], output: { path: BUILD_DIR, filename: 'search.js' }, module : { loaders : [ { test : /\.js?/, include : […]

使用ES6装饰器时出现意外的标记“@”: 我有一个React项目设置，我正在尝试将MobX纳入其中。与此我必须使用装饰即 @observable 当我这样做，虽然我得到以下错误： https://github.com/mobxjs/mobx 模块构build失败：SyntaxError：意外的标记（5:22） class ListStore {@observable items = ['Pete'，'John'，'Henry'，'Jeff'，'Bob']; } 我的Webpackconfiguration： module.exports = { entry: './src/App.js', output: { path: __dirname, filename: 'app.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'], plugins: ['transform-decorators-legacy'] } }, { test: /\.scss?$/, exclude: /node_modules/, loaders: ['style', 'css', 'sass'] }] […]