Tag: babeljs

如何从babel-core中获得转译的string?

我试图用npm使用babel,我认为我需要的软件包是babel-core。 具体来说,我想要做的就是传递一串ES6代码,并把它传递给一串转换后的代码。 而已。 你会认为这将是简单的,但我不能用文档解决这个问题。 从我读过的,我应该可以做到这一点: var babel = require('babel-core'); var code = 'x => x + 1'; var result = babel.transform(code); 但问题是,结果是包含一个AST,而不是一个string的对象。 我试图在该对象上运行transformFromAst,但这也不起作用。 任何人都可以帮助我得到实际的传输string?

babel安装失败,客户端path丢失

我正在尝试执行以下babel安装。 $ mkdir babel-test $ cd babel-test $ npm init $ npm install –save-dev babel-cli 在这一点上,我有以下的树。 ├── package.json ├── node_modules │ ├── babel-cli │ ├── etc… 而在这一点上,我觉得我很好走。 但是我得到这个错误。 $ babel => -bash: /usr/local/bin/babel: No such file or directory 这些是我的package.json的内容 { "name": "babel-test", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test […]

巴别似乎没有工作

我有一个项目内置WebStorm 2016.2.2,Node.js 6.6.0和TypeScript 1.8。 由于某些原因,在这里指定: Node.js不支持ES6导入和导出 ,我需要使用Babel。 我已经安装了Babel和babel-preset-es2015,并添加了一个文件监视器,但是我仍然收到“意外令牌导入”错误。 它看起来像巴贝尔不起作用。 1)我需要采取额外的行动,以便将我的js文件转换为ES5吗? 2)我应该在“WebStorm设置”中将“JavaScript语言版本”设置为什么版本? 3)Babel是否应该像TypeScript编译器那样用输出生成另一个文件? 任何帮助将深深感激!

nodemon监视目录进行更改

我知道如何做nodemon server.js但是如果我想要做nodemon ./src 我想重新启动节点在src目录中的任何更改。 我在上面做,它说cannot find module babelprac\src 我也在另一个命令窗口中执行: npm run scripts:watch 脚本是 "scripts" : { "scripts" : "babel src –source-maps-inline –out-dir dist", "scripts:watch" : "babel src –watch –source-map-inline –out-dir dist" }, 运行手表,但现在我想在src或dist中运行脚本来查看console.logs 我也尝试过nodemon – watch。/ src。 它说它不能findindex.js 我在Windows 7上 我的工作目录是babelprac

在Nodejs中使用asynchronous等待redis和bluebird

纠正我,如果我在这里错了。 这就是我所做的 client = Promise.promisifyAll(redis.createClient()) let reply = await client.getAsync('foo_rand000000000000') console.log('reply',reply.toString()) 我得到Unexpected token错误。 我有这个在我的.babelrc { "presets": [ "es2015", "stage-3" ] } 有人可以指出我在这里做错了吗?

Babel 6 – 启用function的默认参数

我有一段代码: 'use strict'; class ArticleModel { constructor(options = {}) { this.options = options } } module.exports = ArticleModel 这会导致错误Unexpected token = – 我不相信Babelparsing这个。 需要哪个babel 6插件来parsing函数中的默认参数? 编辑1 – 这是我的.babelrc文件 { "presets": [ "es2015", "stage-0" ] } 编辑2 – 我没有运行与.babelrc相同的目录下的babel。 我从内部test/运行babel test/结构如下所示: /app /test /test/runner.js < — this is what calls babel-core/register .babelrc 我是否需要明确告诉babel-core/register .babelrc是哪里? 我认为它卷起了一个目录。 编辑3 […]

Node v6需要Babel transpiling吗?

考虑到Node v6.x具有〜93%的ES2015规范覆盖率,是否需要Babel transpiling? 我正在使用Node v6和Express创build一个Web应用程序。 如果这只是一个Node应用程序,我不会想到Babel,但考虑到也会有一些客户端JS,我想我应该有静态JS文件转发。 这是一个正确的假设吗? 如果需要,例如.babelrc会是什么? 目前,我在想: { "presets": [ "node6", "es2015" ] }

reactRouter2.default使用Babel未定义

我已经创build了一个基于本教程的通用React应用程序,但是我得到了 'Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components).' 在Chrome开发工具中。 看着编译的代码,我可以看到一个未定义的对象 – _reactRouter2.default 。 表面上看起来一切正常,我可以在页面之间导航,我可以在浏览器中使用后退button,但是我不明白那个错误。 任何人都可以阐明我如何解决它? 这里是一个屏幕截图,展示了如何构造_reactRouter2.default并且它是未定义的。 以下是一些相关的代码片段: SRC / routes.js import React from 'react'; import { Route } from 'react-router'; import Main from './components/Main.js'; import Login from […]

找不到模块:错误:无法parsing模块的“组件/应用程序”。 webpack + reactjs问题

我是新手在webpack和反应。 希望您能够帮助我。 我遇到了一个问题,在互联网上找不到任何工作解决scheme。 当我试图运行webpack-dev-serverI geting“模块未find:错误:无法解决模块的组件/应用程序”错误的所有时间。 在这里我的文件结构。 root / webpack.config.js var webpack = require('webpack'); var path = require('path'); module.exports = { devtool: 'inline-source-map', entry: [ 'webpack-dev-server/client?http://127.0.0.1:8080/', 'webpack/hot/only-dev-server', './src' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js' }, resolve: { moduleDirectories: ['node_modules', 'src'], extensions: ['', '.js'] }, module: { loaders: [{ test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/, […]

尝试运行节点服务器时出现“意外的令牌”

这似乎是在我改编的react-server-example ( https://github.com/mhart/react-server-example ) 我似乎无法使用JSX 。 我已经做了一些改变(比如用WebpackreplaceBrowserify等),但是,经过广泛的环顾四周,安装babel-present-react ,我似乎无法弄清楚我失踪的是为了运行应用程序。 的package.json { "name": "react-server-example", "version": "1.1.5", … "dependencies": { "babel-preset-react": "^6.5.0", "react": "^0.14.7", "react-dom": "^0.14.7" }, "devDependencies": { "babel-cli": "^6.6.5", "babelify": "^7.2.0", "webpack": "^1.12.14" } } webpack.config.js module.exports = { entry: "./entry.js", output: { filename: "bundle.js" }, module: { loaders: [ { test: /\.css$/, loader: "style!css" }, […]