Articles of babel

Webpack&Babel:服务器端渲染React组件“Unexpected token”<'“

我一直在调查这个问题3天,但不能得到它的工作。 完整的错误是: C:\Users\XXXXXX\WebstormProjects\XXXX\server\routes\auth.jsx:58 return res.send(ReactDOMServer.renderToString(<LoginPage />)); ^ SyntaxError: Unexpected token < at createScript (vm.js:56:10) at Object.runInThisContext (vm.js:97:10) at Module._compile (module.js:542:28) at Object.Module._extensions..js (module.js:579:10) at Module.load (module.js:487:32) at tryModuleLoad (module.js:446:12) at Function.Module._load (module.js:438:3) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object.<anonymous> (C:\Users\XXXXXX\WebstormProjects\XXXX\index.js:10:20) 这是我的webpack.config.js: const path = require('path'); module.exports = { entry: path.join(__dirname, '/client/src/app.jsx'), output: { path: […]

在Node.js中导入React throws SyntaxError:意外的令牌导出

我试图用Node.js和React实现SSR,按照这个例子https://github.com/babel/example-node-server的build议,在官方的Babel文档中这里http://babeljs.io/docs/usage / CLI /#巴别节点 为了开发,我使用了babel-node ; 为了生产,我想用babel来传递我的服务器并运行它: 的package.json "scripts": { "start": "node ./dist/server/index.js", "dev:server": "nodemon ./src/server/index.js -x babel-node", "build:server": "babel ./src/server -d ./dist/server –copy-files -s inline" }, "babel": { "presets": [ "env", "react", "stage-2" ], "plugins": [ "transform-decorators-legacy" ] } 服务器使用ES6语法编写: SRC /服务器/ index.js import 'babel-polyfill' import './config' import Express from 'express' import bootstrap from […]

您应该通过在Babelconfiguration中使用`env`部分禁用生产中的react-transform-hmr

我使用babel-cli来获得jsx和es6的function 我已经改变了我的构build命令 从 "build": "node build", 至 "build": "babel-node build" , 以前一切正常 但是,当我运行生成命令我得到这个错误 错误:locals [0]似乎不是启用热模块replaceAPI的module对象。 您应该通过在Babelconfiguration中使用env部分来禁用生产中的react-transform-hmr。 请参阅自述文件中的示例: https : //github.com/gaearon/react-transform-hmr 也看截图 所以我应该通过在Babelconfiguration中使用env部分来禁用生产中的react-transform-hmr 这是我的.babelrc喜欢的说明 { "presets": ["react", "es2015"], "env": { "development": { "plugins": [ ["transform-object-rest-spread"], ["transform-react-display-name"], ["react-transform", { "transforms": [{ "transform": "react-transform-hmr", "imports": ["react"], "locals": ["module"] }, { "transform": "react-transform-catch-errors", "imports": ["react", "redbox-react"] }] }] ] […]

通过browserify reactjs包脚本不工作在客户端(未捕获ReferenceError:组件未定义)

我尝试使用node.js和reactjs作为我的PHP后端模板呈现服务。 这是指导原则 。 我想知道是否有一个问题,我build立了由bundle.js 。 我得到Uncaught ReferenceError: ItemPage is not defined在客户端,因为组件ItemPage不是全局的bundle.js ,但我不知道如何访问它,因为它被包裹在一些我真的不需要的函数理解。 这是我的es6组件脚本: import React from 'react'; import Tabs from 'grommet/components/Tabs'; import Tab from 'grommet/components/Tab'; class ItemPage extends React.Component { render(){ return <Tabs onClick={this._onClick.bind(this)}> <Tab title="First Title"> <h3>First Tab</h3> <p>Contents of the first tab !</p> <div>Something@@@@@@</div> </Tab> <Tab title="Second Title"> <h3>Second Tab</h3> <p>Contents of the […]

在浏览器中使用babel-standalone

我正在使用babel-standalone而且我正在做与https://github.com/Daniel15/babel-standalone/blob/master/examples/scriptTag-src.htm完全相同的事情,但是我收到警告 您正在使用浏览器中的Babel变换器。 一定要预编译您的脚本生产 – https://babeljs.io/docs/setup/ 我不知道该怎么办。 不应该只是将我所有的ES6代码转换成旧版浏览器支持的代码?

nodemon,babel-node:如何设置环境variables?

开发环境从这个命令开始: nodemon -w src –exec \"babel-node src –presets es2015,stage-0\" 我如何创build一个全局variables(或process.envvariables) __DEV__ = true ?

在节点6中使用不带巴别的导入关键字

我想知道为什么Node.js node index.js引发以下错误: (function (exports, require, module, __filename, __dirname) { import * as math from "lib/math"; ^^^^^^ SyntaxError: Unexpected token import at Object.exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:513:28) at Object.Module._extensions..js (module.js:550:10) at Module.load (module.js:458:32) at tryModuleLoad (module.js:417:12) at Function.Module._load (module.js:409:3) at Function.Module.runMain (module.js:575:10) at startup (node.js:160:18) at node.js:456:3 甚至, node -v显示6.2.1 。 即使我们使用节点6(6.2.1), import关键字是否受Babel限制?

如何运行nodejs应用程序作为永远或新贵的服务?

我正在运行我的应用程序如下 NODE_ENV=production node_modules/.bin/babel-node –presets 'react,es2015' src/server.js 如何把它作为永远或新贵的服务来运行?

如何用Jest使用babel-preset-env

我们正在更新我们的API,而Babel的Henry Zhu提醒我这个预设名为babel-preset-env以取代对babel-preset-es2015和babel-preset-es2018 。 现在,我很难理解处理所有事情的最简单方法。 我们的API使用节点v8.x和asynchronous/等待,原生承诺 我想传播运营商 我想pipe道运营商 我想要导入/导出语法 我想支持Jest 我喜欢babel-node如何将API传输到内存中 如果我只是告诉你我们的configuration的当前位置,这将更容易: .babelrc { "presets": [ "env", { "targets": { "node": "current" } }, "jest" ] } 的package.json { "scripts": { "test": "node –harmony-async-await node_modules/jest/bin/jest.js", "start:local": "NODE_ENV=localhost npm run babel-node — warpcore/server.js", "start": "npm run babel-node — warpcore/server.js", "babel-node": "babel-node –presets=es2015,stage-2" }, "dependencies": { "babel-polyfill": "^6.23.0" […]

在nodejs和babel上使用es6的差异

我正在学习一个关于ES6的文档,我看到nodejs和babel都是使用新的es6特性和语法的方法,但真正的区别是什么?