回答率

87.91%

tag:

PHP, JavaScript, Java, Python, etc.
is:

accepted, not-accepted, answered, not-answered
sort:

created-asc, created-desc, updated-asc, updated-desc, smart
author:

username, me

JavaScriptを有効にしてください

Babel

Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。

新着
アクティブ
未回答
未解決
注目
解決済

受付中

回答

0
Node.js の JavaScript ファイルにおいて、Babel で Optional Chaining を使う方法

1. 目的 (やりたいこと) Atom エディタのパッケージを改造しています。今回、コードオーナーがソースコードの Babel 対応をしたため、 Optional Chainging (?.) で実行時にエラーが出るようになってしまいました。具体的な Babel 指定は、JavaScript ファイルの先頭行で以下の行により指定する方法です。 'use babel'; また、Option
- 1評価
- 1クリップ
- 55PV
teratailが 1日前にアップデート
解決済

回答

1
git push herokuが成功しない。

前提・実現したいこと Railsでwebアプリを作っています。 git push herokuをした際に The "loose" option must be the same for @babel/plugin-proposal-class-properties, @babel/plugin-proposal-private-methods and @babel/plugin-proposa
- JavaScript
- Ruby on Rails
- Heroku
- Babel
- 0評価
- 0クリップ
- 93PV
takuma1229 1週間前に回答
受付中

回答

1
@babel/preset-env の設定 modules: false について

@babel/preset-env の設定で、 modules: false にする設定がありますが、コンパイル後、 import文がそのままにな場合、 ie11 などの環境で動かなくなってしまうのでは、と疑問に思ったのですが...どうなのでしょうか。 ie11 ではimportが動かない:? https://developer.mozilla.org/ja/docs/Web/Java
- Node.js
- webpack
- Babel
- 0評価
- 0クリップ
- 833PV
maisumakun 2週間前に回答
解決済

回答

1
【デプロイ失敗】@babel/plugin-proposal-class-propertiesについて

デプロイ時のおけるエラーを解決してデプロイしたい初めまして初心者です。ただいまRubyを使って簡単な画像投稿アプリを作成しています。デプロイを行おうとした際に下記のエラーメッセージが出ました。発生している問題・エラーメッセージ herokでデプロイをしようとした際に下記のエラーが出ました（前提としてこのアプリのデプロイは何度か実行して成功しています）ターミナ
- JavaScript
- Ruby
- Ruby on Rails
- Heroku
- Babel
- 0評価
- 0クリップ
- 128PV
pais 2週間前にコメント
解決済

回答

1
Vue + TypeScript の Jest 単体テストの設定にて Babel のプリセットを使っていますが、SyntaxError になってしまいます。

前提・実現したいこと Vue + TypeScript のプロジェクトのテストコードを Jest にて実行したいと考えています。 Babel のプリセットを使って設定しているのですが、 TypeScript の構文等が普通の JavaScript の構文じゃないとしてエラーになってしまいます。発生している問題・エラーメッセージビルドはできているコードでテストを実行しました。 ● Te
- 0評価
- 0クリップ
- 106PV
nerianighthawk 1ヶ月前に回答
受付中

回答

0
Docker、Laravel下で、vueファイルをbabelでコンパイルできない

docker、laravel下で、vueの単一ファイルコンポーネントをbabelでコンパイル(トランスパイル？)したいのですが、以下のエラーが発生してできません。・エラー文言(抜粋) Adjacent JSX elements must be wrapped in an enclosing tag. Did you want JSX fragment <>...</>? <script>
- JavaScript
- Node.js
- Vue.js
- npm
- Babel
- 0評価
- 0クリップ
- 151PV
teratailが 2ヶ月前にアップデート
受付中

回答

0
create-react-appで作ったアプリのbabel設定ファイルはプロジェクトフォルダのどこにありますか？

前提・実現したいこと VCcodeの問題タブに出てくる SyntaxError: Post.test.js: Supoprt for the experimental syntax 'jsx' isn't currently enabled を解決したいです。エラー画面に従って yarn add @babel/preset-react -Dしましたが、その先のBabel Configという
- React.js
- Babel
- 0評価
- 0クリップ
- 132PV
teratailが 2ヶ月前にアップデート
解決済

回答

2
Nodeを使ったWeb開発の環境の共有方法

僕はNodeとかnpmを使ったWeb開発ではpackage.jsonの内容さえ共有していれば開発環境は同じものになると思っていたのですが、なんか人によってBabel関係のエラーが出ることがあります。あるエラーはNode.jsのバージョンを揃えると解決しましたが（なんで常に最新版を使うんじゃだめなのか）、今はまたBabel関係で変なエラーが出てます。ある人のパソコンで動いてるものを別の人
- Node.js
- Webサイト
- npm
- Babel
- -2評価
- 0クリップ
- 455PV
maisumakun 5ヶ月前にベストアンサー
受付中

回答

0
React+TypeScriptでの環境構築でエラー

前提・実現したいことここに質問の内容を詳しく書いてください。 React+TypeScriptのアプリをcreat-react-appを使わないで作っています。環境構築を実装し、下記コードを実行して起動しようとした時に以下のエラーメッセージが発生しました。発生している問題・エラーメッセージ $ ./node_modules/.bin/webpack-dev-server ERROR in
- TypeScript
- React.js
- webpack
- Babel
- 0評価
- 0クリップ
- 354PV
teratailが 6ヶ月前にアップデート
受付中

回答

0
Rails6の本番環境にてWebpacker関係のエラー

前提・実現したいこと docker rails6 + mysql + nginx + puma の構成でアプリケーションを開発しています rails6 + mysql の開発環境では問題なく動いたのですがいざ本番環境を立ち上げると各コンテナは起動するものの、500 internetservererrorが返ってきてしまいます。 nginx側にエラーメッセージは出ておらず、Rails側のprod
- JavaScript
- React.js
- webpack
- Babel
- Ruby on Rails 6
- 0評価
- 1クリップ
- 523PV
teratailが 6ヶ月前にアップデート
解決済

回答

1
BabelでIE11対応するのためのポリフィル適用はどのように実装すべきでしょうか？

現在Vue.jsによるアプリケーションを開発しています。 IE11を含むES6未対応環境に対応させるため、下記の通りBabelの設定を行いました。（package.jsonのdevDependenciesには "@vue/cli-plugin-babel": "^4.3.1" との記載があります） babel.config.js module.exports = { pr
- webpack
- Vue.js
- Babel
- Vue CLI
- 0評価
- 2クリップ
- 1716PV
plasticgrammer 7ヶ月前にベストアンサー
解決済

回答

1
babel環境下で"node": "current"を設定したらbuildが通らなくなった

前提・実現したいこと以下のサイトを参考、Vueの処理でasync/awaitを駆使して非同期処理を実行させておりますがその時にnpm run buildを実行したところエラーが発生してしまい、これを解消したいです。 https://qiita.com/ryuone/items/13f5d450c3865709ba10 発生している問題・エラーメッセージ buildを通すと以下のようなエラー
- JavaScript
- Vue.js
- Babel
- 0評価
- 1クリップ
- 379PV
cha627 7ヶ月前にコメント
受付中

回答

0
【JavaScript】babelのインストール中のエラーメッセージについて教えてください。

babelのインストールをしたいのですが、コマンドに「node dist/first.js」を入力したところ、以下エラーが発生しました。 ↓ 発生している問題・エラーメッセージ C:\Users\proge\es6_sample>node dist/first.js C:\Users\proge\es6_sample\dist\first.js:1 import name from ".
- JavaScript
- Babel
- 0評価
- 0クリップ
- 356PV
teratailが 7ヶ月前にアップデート
解決済

回答

1
babelの指定したファイルの出し方

前提・実現したいことはじめまして。パソコンを今年の６月にはじめまして購入した本当の無知です。理解不足で困らせてしまうかもしれませんがどうかお願いいたします。プロゲートを使ってｊｓ勉強しています。プロゲート内の「ES６の開発環境を用意しよう」という講座でnode.jsをインストールし、babelのインストールを実行し、babelを使いたかったのですが。発生している問題・エラーメッ
- JavaScript
- Node.js
- Babel
- 0評価
- 0クリップ
- 310PV
nanohana42 7ヶ月前にコメント
受付中

回答

0
rails6 webpack ajaxが機能しない

前提・実現したいことユーザーのフォロー機能を実現しようとajax機能を実装したい発生している問題・エラーメッセージフォロー機能自体はrailsチュートリアルを模倣しただけなのでバックエンドでのエラーは無いが、Chromeのconsoleを確認したところwebpackのエラーが出てきた。（ローカルでDockerを使って環境構築したのが原因？）該当のソースコード Uncaught E
- Ruby on Rails
- Ajax
- webpack
- Babel
- Ruby on Rails 6
- 0評価
- 0クリップ
- 385PV
teratailが 7ヶ月前にアップデート
解決済

回答

1
Javascriptでの開発の進め方(Babelは非推奨？)

Javascriptでの一般的な開発方法について質問があります。自分の業務ではJsを使って、 ES6を非推奨として各メソッドがブラウザごとに使えるかどうかをドキュメントを確認しながら開発をしています。聞いたところによるとこの方法はアナログで、 Babel(これですら古い？)を使ってES6で書くのが当たり前と聞きました。ただ、BabelはES6をトランスパルするツールですが、トラ
- JavaScript
- Babel
- 0評価
- 1クリップ
- 809PV
hentaiman 7ヶ月前にベストアンサー
解決済

回答

1
webpack+BabelでReactによるファイルをバンドルするも、記載していたコンポーネントが表示されない

まず最初に Reactを学習中の初心者でございます。 webpackを使い、Babelによる処理を加えられたJavaScriptファイルを生成し、それを読み込んだHTMLファイルをブラウザで表示させるのですが、「src/index.js」に記載していたコンポーネントが表示されません。 package.jsonとwebpack.config.jsの設定は、ics.media様の最新版で学ぶw
- React.js
- webpack
- Babel
- 0評価
- 0クリップ
- 473PV
mario_parallel 8ヶ月前にベストアンサー
解決済

回答

1
httpVueLoaderをbabelで変換するとエラーが出る

プリプロスを使いvue.jsをbabelにてコンパイルしたのですが、httpVueLoaderを使用したページで下記エラーが出ております。こちらの解決法を教えていただけないでしょうか？ (httpVueLoader、コンポーネントを使用せずにvueのみで表示させる場合は問題なくコンパイルできておりieでも表示されました。) //httpVueLoader本体のエラー Uncaught Typ
- JavaScript
- Vue.js
- Babel
- 0評価
- 0クリップ
- 444PV
web11 9ヶ月前に回答
解決済

回答

1
@babel/preset-env, babel-preset-envの違いについて

@babel/preset-env, babel-preset-envの2つの違いと使い分けがよくわかりません。ご教授よろしくお願いします。
- JavaScript
- Babel
- 0評価
- 0クリップ
- 468PV
hosodaaaaa 10ヶ月前にベストアンサー
受付中

回答

0
Nuxt.jsにおけるaxiosのBabel-polyfill解決

前提・実現したいこと Nuxt.jsにおいて、axiosで使用されているスプレッド構文がbabelでトランスパイルできない。発生している問題・エラーメッセージ SCRIPT1028: 識別子、文字列または数がありません。 IEで表示しようとすると、上記のメッセージが表示され、該当のコードは以下になります。該当のソースコード github.com/nuxt-community/axio
- Internet Explorer
- Babel
- Nuxt.js
- axios
- 0評価
- 0クリップ
- 902PV
teratailが 11ヶ月前にアップデート

1
2
3
...

次のページ

タグ情報

あなたの順位

-位
タグ登録者数

35人
総質問数

121件
今週の質問数

1件

タグ別ランキング

1

maisumakun

score 139

JavaScript

PHP

Ruby
2

raccy

score 70

JavaScript

C

Ruby
3

miyabi-sun

score 46

JavaScript

Node.js

PHP
4

mit0223

score 28

JavaScript

Java

Linux
5

m0a

score 25

TypeScript

React.js

JavaScript
6

KSwordOfHaste

score 21

Java

Python

Python 3.x
7

hoshi-takanori

score 18

Swift

Xcode

Android
8

NatsumiOki

score 17

HTML

CSS

JavaScript
9

karamarimo

score 17

JavaScript

Vue.js

jQuery
10

plasticgrammer

score 15

JavaScript

Vue.js

CSS

ランキングをもっと見る

タグ別ランキング

1

lohn

score 9

JavaScript

Python

HTML5
2

maisumakun

score 2

JavaScript

PHP

Ruby
3

pais

score 1

Babel

Ruby

Heroku

ランキングをもっと見る

関連するタグ

Babelタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る