Tag: babeljs

Babel不会忽略我的模块的正则expression式: 我正在使用Mocha在我的React组件上运行testing，因此我需要在我的Mocha引导程序中使用Babel来传输jsx需求。在我的bootstrap.js我开始 global.babel = require("babel/register")({ ignore: [/node_modules/, '**/scss*', /sinon/, /foo/] }); 根据文档，忽略接受“一个glob，正则expression式，或混合数组”，但它的奇怪，因为/node_modules/, /sinon/ regexes工作，但**/scss*和/foo/不。例如，以下是不符合要求的组件的顶部： var React = require('react'); var Router = require('react-router'); var Link = Router.Link; var foo = require('foo'); var StyleSheet = require('../../scss/core/Linker'); 失败： 1) app/core/Linker.jsx "before each" hook: Error: Cannot find module 'foo' at Object.<anonymous> (app/core/Linker.jsx:4:11) at Context.<anonymous> (test/app/helpers/linker-test.js:10:23) 我开始这样的testing： mocha […]

用babel和nodejs导出函数的问题: 我正在使用webstorm的babeljs。巴贝尔的论据是： –source-maps –out-file $ FileNameWithoutExtension $ -compiled.js $ FilePath $ 我有以下es6代码： export function primeFactors(num) { let res = []; let n = 2; while (num > 1) { while(num%n ===0) { res.push(n); } n++; } return res; } 它被转移到 "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.primeFactors = primeFactors; function primeFactors(num) { var […]

在使用babel cli从命令行进行编译时，您可以使用.babelrc文件吗？: 我有一个反应组件，我希望发布到NPM。我使用以下命令将es2015 src编译为es5 lib babel src –out-dir lib 我在我的模块中有以下.babelrc文件，但我想知道是否在cli上运行上面的脚本将拿起巴贝尔预设？ { "presets": ["es2015", "stage-0", "react"] }

摩卡返回“callback不是一个函数”asynchronous调用: 我正尝试使用nodejs（es6 + babel）和mocha一起。这是我testing的基类： import cheerio from 'cheerio'; import ResourceRequest from './ResourceRequest'; export default class HtmlValueParser { constructor(url, headers) { this.rr = new ResourceRequest(url, headers); this.body = null; this.$ = null; } getValue(query) { if (!query) { return; } if (this.$ === null){ this.$ = cheerio.load(this.body); return 'toto'; }else { return 'titi'; } } getAValue(query, […]

错误：connect.compress不是一个函数: 我正在帮助开发[主要]在TypeScript中的项目，然后编译为JavaScript。我们有一个节点后端和反应本地前端。升级到Babel6后，项目开始给我们提供了一些有关缺less模块的错误。我能够通过在本地添加“缺失”模块来解决这些问题。现在，我收到一个与https://github.com/facebook/react-native/issues/4489上的github报告完全相似的错误。请看看： ERROR connect.compress is not a function TypeError: connect.compress is not a function at runServer (runServer.js:28:18) at startServer (server.js:144:3) at _server (server.js:140:3) at server.js:24:5 at tryCallTwo (/Users/igorshmukler/Projects/tickmark/taxfyle-ios/node_modules/promise/lib/core.js:45:5) at doResolve (/Users/igorshmukler/Projects/tickmark/taxfyle-ios/node_modules/promise/lib/core.js:200:13) at new Promise (/Users/igorshmukler/Projects/tickmark/taxfyle-ios/node_modules/promise/lib/core.js:66:3) at Array.server (server.js:23:10) at run (/Users/igorshmukler/Projects/tickmark/taxfyle-ios/node_modules/react-native/local-cli/cli.js:85:13) at Object.<anonymous> (/Users/igorshmukler/Projects/tickmark/taxfyle-ios/node_modules/react-native/local-cli/cli.js:162:3) See http://facebook.github.io/react-native/docs/troubleshooting.html for common problems and solutions. 在github上引用的情况下，通过在react-native目录中运行npm […]

正在查找无效目录中的React-Native模块: 我正在帮助一个项目。代码主要写在TypeScript中。我们用babel翻译ES6-> ES5。前端采用反应原生技术开发。最近，更新babel后，包裹变得“失踪”。我手动在本地安装每个软件包，并逐一得到项目编译到以下错误，显示在打包程序启动后的某个时间。 + react-native bundle –entry-file index.ios.js –platform ios –dev true –bundle-output /Users/shmukler/Library/Developer/Xcode/DerivedData/MyApp-gjqyntaykupdmhaecjypkdppuznf/Build/Products/Debug-iphonesimulator/MyApp.app/main.jsbundle –assets-dest /Users/shmukler/Library/Developer/Xcode/DerivedData/MyApp-gjqyntaykupdmhaecjypkdppuznf/Build/Products/Debug-iphonesimulator/MyApp.app uncaught error Error: UnableToResolveError: Unable to resolve module LinkedStateMixin from /Users/shmukler/Projects/myproject/myapp-ios/node_modules/react-native/Libraries/react-native/react-native.js: Invalid directory /Users/node_modules/LinkedStateMixin 我使用npm安装LinkedStateMinin安装react-addons-pure-render-mixin – 就像所有其他软件包一样。为什么在/ Users / node_modules / LinkedStateMixin中查找它？我怎样才能改变呢？那些path在哪里指定？我可以手动破解path只是为了让应用程序构build，作为一个临时的方式前进？谢谢

用于部署的Webpackconfiguration: 我正在使用webpack运行反应的服务器端应用程序。对于开发我使用babel节点，但我必须创build部署包，我创build这样的命令： ENV=staging webpack -d –config webpack.config.dist.babel.js –display-error-details 它正在/ dist文件夹中创build包。我在这个文件上运行节点： node dist/index.js ，这是正常工作，但是当我复制/ dist文件夹到另一个目录，然后运行相同的命令后，我得到这样的错误： Error: Cannot find module 'babel/register' at Function.Module._resolveFilename (module.js:338:15) at Function.Module._load (module.js:289:25) at Module.require (module.js:366:17) at require (module.js:385:17) at Object.module.exports.obj.__esModule.default (/Users/xxxx/dist/index.js:64:19) at __webpack_require__ (/Users/xxxx/dist/index.js:21:30) at Object.<anonymous> (/Users/xxxx/dist/index.js:53:2) at __webpack_require__ (/Users/xxxx/dist/index.js:21:30) at /Users/xxxx/dist/index.js:41:18 at Object.<anonymous> (/Users/xxxx/dist/index.js:44:10) 我无法find解决scheme，我正在尝试从babel 5升级到6，但这是非常艰巨的任务，需要太多的时间。你知道什么会导致这个问题吗？我可以添加webpackconfiguration如果你想。

relay-starter-kit在Windows上失败: 我在Windows 10机器上安装了重播入门工具包，但在“npm start”之后出现错误。关键的失败似乎是在“babel-node ./server.js”。这是我的npmdebugging日志： 0 info it worked if it ends with ok 1 verbose cli [ 'C:\\Program Files (x86)\\nodejs\\\\node.exe', 1 verbose cli 'C:\\Program Files (x86)\\nodejs\\node_modules\\npm\\bin\\npm-cli.js', 1 verbose cli 'start' ] 2 info using npm@2.11.2 3 info using node@v0.12.5 4 verbose run-script [ 'prestart', 'start', 'poststart' ] 5 info prestart relay-starter-kit@0.1.0 6 info […]

如何编译导入的ES6节点模块？: 我有一个用ES6编写的应用程序，我使用babel来转换该应用程序中的所有文件。这个应用程序还包括一个带有React组件的node_module（也是用ES6编写的）。我正在导入这样的组件： import { Box } from 'components/Box' 当我跑步 babel-node –presets es2015,stage-0,react 在导入Box组件的文件上，第1行的组件/ Box文件中出现错误： (function (exports, require, module, __filename, __dirname) { import React, { Component } from 'react' ^^^^^^ SyntaxError: Unexpected token import 我认为这是为什么发生的原因是因为babel-node不是在传输node_modules。这是有道理的，因为大多数节点模块是以commonjs格式编写的。有没有办法将这个特定的节点模块列入白名单，以便它可以被传输？

使用路由器和浏览器时，React.js包的大小太大: 这是我的Routes.jsx文件 var React = require('react'); var Router = require('react-router/lib/router') var useRouterHistory = require('react-router/lib/useRouterHistory'); var hashHistory = require('history/lib/createHashHistory'); var IndexRoute = require('react-router/lib/IndexRoute'); var Route = require('react-router/lib/Route'); var History = useRouterHistory(hashHistory)({ queryKey: false }); var Base = require('./components/Pages/Base.jsx'); var HomePage = require('./components/Pages/HomePage.jsx'); var Historial = require('./components/Pages/Historial.jsx'); var NuevoPedido = require('./components/Pages/NuevoPedido.jsx'); var Routes = ( <Router history={History}> <Route […]