Questions tagged «babeljs»

当我在Django项目中设置React时，遇到了此错误 模块构建中的ModuleBuildError失败（来自./node_modules/babel-loader/lib/index.js）：语法错误：C：\ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js：支持实验语法'classProperties '当前未启用（17：9）： 15 | 16 | class BodyPartWrapper extends Component { > 17 | state = { | ^ 18 | 19 | } 20 | Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins' section of your Babel …

117 reactjs  webpack  babeljs  babel 

我有这个代码： "use strict"; import browserSync from "browser-sync"; import httpProxy from "http-proxy"; let proxy = httpProxy.createProxyServer({}); 并且我已经通过npm 安装babel-core并babel-cli在全球范围内使用。关键是当我尝试在终端上使用此代码进行编译时： babel proxy.js --out-file proxified.js 输出文件被复制而不是编译（我的意思是，它与源文件相同）。 我在这里想念什么？

106 javascript  babeljs 

我正在尝试将Webpack与Babel一起使用来编译ES6资产，但是却收到以下错误消息： You may need an appropriate loader to handle this file type. | import React from 'react'; | /* | import { render } from 'react-dom' 这是我的Webpack配置的样子： var path = require('path'); var webpack = require('webpack'); module.exports = { entry: './index', output: { path: path.join(__dirname, 'dist'), filename: 'bundle.js', publicPath: '/dist/' }, …

106 javascript  webpack  babeljs  es6-module-loader 

我有一个用Webpack作为捆绑器的用ES6编写的项目。大部分转译工作正常，但是当我尝试在任何地方包含装饰器时，都会出现此错误： Decorators are not supported yet in 6.x pending proposal update. 我查看了babel问题追踪器，但在那儿找不到任何内容，因此我假设我使用的是错误的。我的webpack配置（相关位）： loaders: [ { loader: 'babel', exclude: /node_modules/, include: path.join(__dirname, 'src'), test: /\.jsx?$/, query: { plugins: ['transform-runtime'], presets: ['es2015', 'stage-0', 'react'] } } ] 我没有其他问题，箭头功能，销毁所有功能都正常，这是唯一不起作用的方法。 我知道我总是可以降级到前一段时间使用过的babel 5.8，但是如果有任何方法可以使它在当前版本（v6.2.0）中运行，它将有所帮助。

101 javascript  webpack  ecmascript-6  babeljs  decorator 

给定一个输入文件，例如 import { a } from 'b'; function x () { a() } 巴别塔将其编译为 'use strict'; var _b = require('b'); function x() { (0, _b.a)(); } 但是在松散模式下编译时，函数调用输出为 _b.a(); 我已经对添加逗号运算符的位置进行了一些研究，希望能对此发表评论。负责添加它的代码在这里。

100 javascript  ecmascript-6  babeljs 

我正在使用babel6，对于我的宠物项目，我正在为XMLHttpRequest创建一个包装器，以供使用的方法： open = (method, url, something) => { return this.xhr.open(method, url, something); } 但是对于属性箭头功能不起作用 这有效： get status() { return this.xhr.status; } 但我不能使用 get status = () => this.xhr.status; 这是故意的吗？

100 ecmascript-6  babeljs 

假设您有一个类似数组的Javascript ES6 Iterable，您事先知道它的长度是有限的，那么将其转换为Javascript数组的最佳方法是什么？ 这样做的原因是，许多下划线和lodash之类的js库仅支持Arrays，因此，如果您希望在Iterable上使用其任何功能，则必须首先将其转换为Array。 在python中，您可以只使用list（）函数。ES6中是否有等效功能？

100 javascript  arrays  ecmascript-6  iterable  babeljs 

我的项目中已经实现了其他相关问题中提供的解决方案，例如在.babelrc中包含正确的预设（es2015）。 我有两个项目（让它们分别称为A和B）都使用ES6模块语法。在项目A中，我将导入通过npm安装的项目B，该项目位于node_modules文件夹中。当我为项目A运行测试套件时，出现错误： SyntaxError：意外的令牌导入 在此之前，项目B声称存在以下错误代码行： （函数（导出，需求，模块，__ filename，__ dirname））{从'history / lib / createBrowserHistory'导入createBrowserHistory； Iife似乎与npm或可能与babel有关，因为我的源文件仅包含“从'history / lib / createBrowserHistory'导入import createBrowserHistory”；项目B的测试套件中的单元测试运行良好，并且如果我将Project B作为依赖项从项目A，然后是我的测试套件（仍然对内部项目模块使用es6导入）就可以了。 全栈跟踪： SyntaxError: Unexpected token import at exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:374:25) at Module._extensions..js (module.js:405:10) at Object.require.extensions.(anonymous function) [as .js] (/ProjectA/node_modules/babel-register/lib/node.js:138:7) at Module.load (module.js:344:32) at Function.Module._load (module.js:301:12) at Module.require (module.js:354:17) at require (internal/module.js:12:17) …

92 node.js  npm  syntax-error  mocha  babeljs 

我正在运行babel cli命令 babel src --out-dir lib 将es6脚本从src复制到lib。但是，它不会复制src /文件夹中的css / scss文件。有没有办法使其也复制它们？

90 babeljs 

我开始的一个小项目使用一个节点模块（通过npm安装）声明：const变量。运行并测试该项目很好，但是执行UglifyJS时browserify失败。 意外令牌：关键字（常量） 这是一个通用的Gulp文件，我已经成功地将其用于过去的其他一些项目，而没有出现此问题（即没有该特定的节点模块）。 gulpfile.js 'use strict'; const browserify = require('browserify'); const gulp = require('gulp'); const source = require('vinyl-source-stream'); const derequire = require('gulp-derequire'); const buffer = require('vinyl-buffer'); const uglify = require('gulp-uglify'); const sourcemaps = require('gulp-sourcemaps'); const gutil = require('gulp-util'); const path = require('path'); const pkg = require('./package'); const upperCamelCase = require('uppercamelcase'); …

90 javascript  npm  gulp  babeljs  uglifyjs2 

我一直在开发一个使用babel-node和带有babelify转换的browserify的站点，以支持ES6语法。 我只是想知道，我是否可以在生产环境中运行它， babel-node server 而不是 node server 在节点中运行ES6还需要其他哪些选项？ 这是我正在运行的用于构建和开始开发的命令 // npm run build browserify -t [babelify] client.js > public/js/bundle.js", // npm start babel-node server.js" 这是我的开发依赖 "babel": "^4.0.1", "babelify": "^5.0.3", "browserify": "^8.0.3"

87 javascript  node.js  browserify  babeljs 

我有一个reactjs使用ES6标准编写的应用程序，并且webpack用于构建它。使用webpack加载js模块babel-loader。具体来说，我使用以下版本的软件包： ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 但是，在构建它之后，IE 10会出现以下错误'Symbol' is undefined。难道不babel应该定义Symbol吗？是否有任何特定的配置，webpack或者babel我需要进行设置才能使其正常工作？我在中使用{stage: 0}配置.babelrc。 任何帮助，将不胜感激，谢谢！

87 reactjs  webpack  babeljs 

我有一个要在其中index.js构建的轮播文件block.build.js，所以我webpack.config.js是： var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: ['react', 'es2015'], plugins: ['transform-class-properties'] } } ] } }; module.exports = config; 在package.json我使用低于： { "name": …

87 reactjs  webpack  babeljs 

我的目标是在页面/父组件上动态添加组件。 我从这样的一些基本示例模板开始： main.js： var App = require('./App.js'); var SampleComponent = require('./SampleComponent.js'); ReactDOM.render(<App/>, document.body); ReactDOM.render(<SampleComponent name="SomeName"/>, document.getElementById('myId')); App.js： var App = React.createClass({ render: function() { return ( <div> <h1>App main component! </h1> <div id="myId">myId div</div> </div> ); } }); SampleComponent.js： var SampleComponent = React.createClass({ render: function() { return ( <div> <h1>Sample …

86 javascript  reactjs  babeljs 

在Babel 5.x中，我可以编写以下代码： app.js export default function (){} index.js require('babel/register'); require('./app')(); 然后，我可以node index.js没有错误地运行。但是，使用Babel 6.x，运行以下代码 index.es6.js require('babel-core/register'); require('./app')(); 导致错误 require（...）不是函数 我想知道为什么吗？

85 javascript  ecmascript-6  babeljs