タグ付けされた質問 「babeljs」

Djangoプロジェクト内でReactをセットアップしているときに、このエラーに遭遇しました モジュールビルドのModuleBuildErrorが失敗しました（./node_modules/babel-loader/lib/index.jsから）：SyntaxError：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 

ES6アセットをコンパイルするためにBabelでWebpackを使用しようとしていますが、次のエラーメッセージが表示されます。 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 

ES6でwebpackを私のバンドラーとして作成したプロジェクトがあります。ほとんどのトランスパイルは問題なく動作しますが、デコレータをどこかに含めようとすると、次のエラーが発生します。 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 

配列のようなJavascriptES6 Iterableがあり、長さが有限であることが事前にわかっているとしましょう。これをJavascript配列に変換する最良の方法は何ですか。 その理由は、アンダースコアやlodashなどの多くのjsライブラリは配列のみをサポートしているため、Iterableでそれらの関数のいずれかを使用する場合は、最初に配列に変換する必要があります。 Pythonでは、list（）関数を使用できます。ES6に同等のものはありますか？

100 javascript  arrays  ecmascript-6  iterable  babeljs 

.babelrcに適切なプリセット（es2015）を含めるなど、他の関連する質問で提供されるソリューションは、すでに私のプロジェクトに実装されています。 ES6モジュールの構文を使用する2つのプロジェクト（AとBと呼ぶことにします）があります。プロジェクトAでは、npmを介してインストールされ、node_modulesフォルダーにあるプロジェクトBをインポートしています。プロジェクトAのテストスイートを実行すると、エラーが発生します。 SyntaxError：予期しないトークンのインポート これの前に、プロジェクトBからのこの誤ったコード行が申し立てられています。 （function（exports、require、module、__filename、__dirname）{import createBrowserHistory from 'history / lib / createBrowserHistory'; ソースファイルに「create createBrowserHistory from 'history / lib / createBrowserHistory」のみが含まれているため、iifeはnpmに関連している可能性があります。または、プロジェクトBの依存関係としてプロジェクトBを削除すると、プロジェクト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 …

92 node.js  npm  syntax-error  mocha  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": …

91 reactjs  webpack  babeljs 

私はbabelcliコマンドを実行しています babel src --out-dir lib es6スクリプトをsrcからlibにコピーします。ただし、src /フォルダーにあるcss / scssファイルはコピーされません。それらもコピーさせる方法はありますか？

90 babeljs 

私が始めた小さなプロジェクトでは、変数を宣言するノードモジュール（npm経由でインストール）を使用しconstます。このプロジェクトの実行とテストは問題ありませんが、UglifyJSを実行するとbrowserifyが失敗します。 予期しないトークン：キーワード（const） これは、この問題が発生していない（つまり、特定のノードモジュールがない）過去のいくつかのプロジェクトで正常に使用している一般的な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 

私の目標は、ページ/親コンポーネントにコンポーネントを動的に追加することです。 私はこのようないくつかの基本的なサンプルテンプレートから始めました： 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 …

89 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（...）は関数ではありません 理由を知りたいですか？

88 javascript  ecmascript-6  babeljs 

ES6構文をサポートするために、babel-nodeとbabelifyトランスフォームを使用したbrowserifyを使用してサイトを開発しています。 ES6をノードで実行するために必要な他のオプションではbabel-node server なく 、本番node server 環境でこれを実行できますか？ これが私がビルドのために実行していて開発を開始するコマンドです // 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 

reactjsES6標準を使用webpackして作成されたアプリがあり、それを作成するために使用しています。webpackロードjsモジュールを使用してbabel-loader。具体的には、次のバージョンのパッケージを使用します。 ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 ただし、ビルド後、IE10では次のエラーが発生します'Symbol' is undefined。babelを定義することになっているべきではありませんSymbolか？それを機能させるために特定の構成がありますか、webpackまたはbabel設定する必要がありますか？で{stage: 0}構成を使用します.babelrc。 どんな助けでもいただければ幸いです、ありがとう！

87 reactjs  webpack  babeljs