Tag: babeljs
babel-preset-es2016需要babel-runtime的同伴，但没有安装
我意识到npm不再安装对等体依赖关系，但是当我手动安装时，为什么仍然会收到警告？ ➜ npm install babel-runtime -g /usr/local/lib └─┬ babel-runtime@6.6.1 └── core-js@2.2.1 ➜ npm install babel-preset-es2016 -g /usr/local/lib ├── babel-preset-es2016@6.0.8 └── UNMET PEER DEPENDENCY babel-runtime@^6.6.1 npm WARN babel-preset-es2016@6.0.8 requires a peer of babel-runtime@^6.6.1 but none was installed. 编辑 如果我在本地安装（按照下面的build议），我不会收到警告： ➜ test npm i babel-runtime@\^6.6.1 test@1.0.0 /home/jdifool/work/test ├── babel-preset-es2016@6.0.8 ├── babel-runtime@6.6.1 └─┬ babelify@7.2.0 └─┬ babel-core@6.7.4 ├─┬ babel-code-frame@6.7.4 […]
您应该通过在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"] }] }] ] […]
与基于ES6的多个（React）Node.JS模块导入有问题
我一直在研究一个React项目，并且遇到一个问题，试图使用ES6导入几个导出的React节点模块。 这是我的代码： 我应该可以包含hello文件夹中的AddFriendInput和FriendList ，没有任何问题。 但是当webpack / babel编译时出现这个错误： ERROR in ./src/common/containers/Menu/indexRender.js Module not found: Error: Cannot resolve 'file' or 'directory' ../../hello in /Users/markpaul/Documents/projects/patient-portal-app/src/common/containers/Menu @ ./src/common/containers/Menu/indexRender.js 122:13-35 我的AddFriendInput.js文件的内容如下所示： import React, { Component, PropTypes } from 'react'; export default class AddFriendInput extends Component { constructor(props, context) { super(props, context); this.state = { name: this.props.name || '' }; } […]
ES6中的模块模式错误（扩充）
在使用模块模式（扩充）与ES6 let关键字时出现错误。 这工作。 var Example = ( Example => { Example.name = ""; return Example; })( Example || {} ); console.log(Example); 这不是。 let Example = ( Example => { Example.name = ""; return Example; })( Example || {} ); console.log(Example); 我得到这个错误。 未捕获的ReferenceError：示例未定义 })( Example || {} ); ^^^^^^^
在浏览器中使用babel-standalone
我正在使用babel-standalone而且我正在做与https://github.com/Daniel15/babel-standalone/blob/master/examples/scriptTag-src.htm完全相同的事情，但是我收到警告 您正在使用浏览器中的Babel变换器。 一定要预编译您的脚本生产 – https://babeljs.io/docs/setup/ 我不知道该怎么办。 不应该只是将我所有的ES6代码转换成旧版浏览器支持的代码？
使用Babel将ApolloClient转换为节点环境的ES5 CommonJS模块格式
使用Babel将ApolloClient转换为ES5 CommonJS模块格式 我试图使用Babel来让apollo-client模块在非浏览器节点环境中作为ES5工作。 我已经经历了下面的步骤总是给我相同的结果。 我试图找出这个结果是否是一个节点环境的正确结果。 当我将babel处理的文件导入到我的项目中并调用应该导出的方法时，即时获取，找不到模块。 对于上下文，该项目是一个fusetools.com演示。 保险丝不支持ES2015承诺，所以这个想法是，与巴贝尔es2015预设，它应该工作。 我主要是为了学习某些东西而追求这个目标，但如果能够实现这个目标，这将是一件好事。 任何意见，以更容易的方式来做到这一点，现在我了解得更好，将不胜感激。 我在这里find了代码的项目。 fusetools项目，我使用转换的代码在这里 。 我得到的错误是： LOG: Error: JavaScript error in MainView.ux line 9: Name: Fuse.Scripting.Error Error message: require(): module not found: js/apollo-client/ApolloClient.js File name: MainView.ux Line number: 9 Source line: var ApolloClient = require('js/apollo-client/ApolloClient.js'); 这是我试图达到的代码： “` "use strict"; var networkInterface_1 = require('./transport/networkInterface'); var isUndefined = require('lodash.isundefined'); […]
自动脚本转换js到jsx在反应的应用程序
我是REACT的新手，所以如果我混淆了术语，请耐心等待。 下面的html文件启动一个反应的应用程序： 的index.html <html> <head> <script data-require="react@*" data-semver="15.5.0" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.0/react.min.js"></script> <script data-require="react@*" data-semver="15.5.0" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.0/react-dom.min.js"></script> <script data-require="redux@*" data-semver="3.2.1" src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.2.1/redux.js"></script> <script data-require="react-redux@*" data-semver="4.4.5" src="https://cdnjs.cloudflare.com/ajax/libs/react-redux/4.4.5/react-redux.js"></script> <title>Hello world</title> </head> <body> <h1>Share a sport activity</h1> <div id="appMount"></div> <script src="app.js"></script> </body> </html> 在服务器上的index.html文件夹中，有一个app.jsx文件，但没有app.js文件（参见脚本标签的src属性）。 app.jsx class Communicator extends React.Component { constructor(props) { super(props); this.state = {message: this.props.message}; } resetComm() { this.setState({message: ''}); } […]
为什么“babel-node”旋转2个进程？
我在我的package.json有以下脚本： "scripts": { "start": "babel-node app" } 当我运行npm start ，然后ps aux | grep node ps aux | grep node ，我看到2个进程正在运行： mishamoroshko 18102 58.9 4.2 3173444 174656 s001 S+ 2:37pm 0:03.18 node /Users/mishamoroshko/my-project/node_modules/babel/bin/_babel-node app mishamoroshko 18101 0.0 0.4 3045884 15488 s001 S+ 2:37pm 0:00.08 node /Users/mishamoroshko/my-project/node_modules/.bin/babel-node app 哪一个是我的应用程序，为什么它运行在两个进程？
如何在Open Shift中修改节点启动命令？
我使用ES6和babel-node来创build我的应用程序，我需要我的应用程序以命令babel-node app.js 。 该命令在脚本中列出：在我的package.json中启动，所以命令npm start运行正确的命令。 打开shift会启动节点应用程序，并在package.json文件的主属性中设置脚本。 在我的情况下，它的"main": "app.js" 。 所以这个命令运行node app.js 服务器在遇到的第一个ES6上感到窒息，这是有道理的。 我不知道如何configurationopenshift运行babel-node或npm启动启动我的应用程序。 这里是我的package.json文件 – > https://gist.github.com/jkinman/2cc57ce5fae5817d6bca
当使用文件的绝对path时，babel-node失败
import { Observable, } from 'rx'; import { readFile, } from 'fs'; let readFile_ readFile_ = Observable.fromNodeCallback(readFile) readFile_(__dirname + '/my-app.js', 'utf-8') .subscribe( (text) => console.log(text), (err) => console.error(err) ) 当我运行这个ecma6作为babel-node /home/sk/ws/rxjs-workshop-nov-2015/clcn-app/my-app.js ，它失败，错误， /usr/local/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/file/options/option-manager.js:329 throw new Error("Couldn't find preset " + JSON.stringify(val)); ^ Error: Couldn't find preset "es2015" 但是当我cd到文件的父文件夹，并运行babel-node my-app.js ，它的工作原理。 为什么babel-node有这个限制？
