[解決済み] Babel 7 へのアップグレード:null のプロパティ 'bindings' を読み取ることができません。
2022-05-13 06:44:58
質問
にアップグレードしたところ バベル 7 (6 から) アップグレードしました。
npm remove babel-cli
npm install --save-dev @babel/cli @babel/core @babel/preset-env
ここで、私の
.babelrc
ファイルです。
{ "presets": ["env"] }
それから、実行した。
babel js/src --out-dir js/dist
という結果になる。
TypeError: Cannot read property 'bindings' of null
at Scope.moveBindingTo (/xyz/node_modules/@babel/traverse/lib/scope/index.js:867:13)
at BlockScoping.updateScopeInfo (/xyz/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:364:17)
at BlockScoping.run (/xyz/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:330:12)
at PluginPass.BlockStatementSwitchStatementProgram (/xyz/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:70:24)
at newFn (/xyz/node_modules/@babel/traverse/lib/visitors.js:193:21)
at NodePath._call (/xyz/node_modules/@babel/traverse/lib/path/context.js:53:20)
at NodePath.call (/xyz/node_modules/@babel/traverse/lib/path/context.js:40:17)
at NodePath.visit (/xyz/node_modules/@babel/traverse/lib/path/context.js:88:12)
at TraversalContext.visitQueue (/xyz/node_modules/@babel/traverse/lib/context.js:118:16)
at TraversalContext.visitSingle (/xyz/node_modules/@babel/traverse/lib/context.js:90:19)
何がいけなかったのでしょうか?
どうすればいいのでしょうか?
あなたの
.babelrc
ファイルを変更します。
{ "presets": ["env"] }
から
{ "presets": ["@babel/preset-env"] }
(そして、まだインストールしていない場合はそのパッケージをインストールしてください)。
あなたの
.babelrc
では、まだパッケージ
babel-preset-env
(これは 6.x 用です) を参照している場合、あなたは
@babel/preset-env
を参照します (これは 7.x 用です)。
https://github.com/babel/babel/issues/6186#issuecomment-366556833
注意
において、この変更を行う必要があります。
webpack.config.js
にある場合も同様に変更してください。
プリセットを変更するサンプルのwebpack configセクションはこちらです。
use: {
loader: 'babel-loader',
options: {
// Here you should change 'env' to '@babel/preset-env'
presets: ['@babel/preset-env'],
},
},
関連
-
JSクロスドメインソリューション リアクト構成 リバースプロキシ
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
vueはopenlayersを使用してスカイマップとガオードマップをロードする
-
JavaScriptの配列共通メソッド解説
-
vueにおけるfilterの適用シーンについて解説します。
-
[解決済み】Node.js getaddrinfo ENOTFOUND
-
[解決済み】Node Version Manager のインストール - nvm コマンドが見つかりません。
-
[解決済み】ローカルファイルを開くことができません - Chrome: ローカルリソースの読み込みが許可されていない
-
[解決済み】GETできない / Nodejsエラー
-
[解決済み】React - TypeError: 未定義のプロパティ 'props' を読み取ることができない。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
WeChatアプレット用ユニアプリによるグローバルシェアリング
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
JavaScriptの配列共通メソッド解説
-
vueにおけるfilterの適用シーンについて解説します。
-
Vueのフィルタの説明
-
[解決済み】JavaScriptの配列でforEachが関数でない不具合
-
[解決済み] Web API エラー - このリクエストはブロックされました; コンテンツは HTTPS で提供されなければなりません
-
[解決済み】React-Redux: アクションはプレーンオブジェクトでなければならない。非同期アクションにはカスタムミドルウェアを使用する
-
[解決済み】ReactJSでエラー発生 Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。
-
HTML5 LocalStorage ローカルストレージとセッションストレージの使用法