Babel 'getting started' ページで説明されているようにbabel-cliツールをインストールしました。
プロジェクトフォルダー内のターミナルから:
npm install --save-dev babel-cli
この後、babel-cliフォルダーを含むnode_modulesディレクトリーがありますが、package.jsonは作成されません。 npmには次のエラーも表示されます。
npm WARN enoent ENOENT: no such file or directory, open '/Users/MyName/Sites/Tutorials/Babel2/package.json
バベルを実行しようとすると、私はこれを取得します:
babel src -d lib
-bash: babel: command not found
Nodejs/npmの最新バージョンがインストールされています。 npm update -gを実行し、。bash_profileファイルを編集して以下を含めました:
export PATH=$PATH:/Users/MyName/npm/bin
export PATH=/usr/local/share/npm/bin:$PATH
Browserifyなどの他のnpmツールでこれを経験したことはありません。バベルが認識されないのはなぜですか?
ここには2つの問題があります。まず、package.json
ファイルが必要です。 npmをインストールせずにインストールすると、npm WARN enoent ENOENT: no such file or directory
エラーがスローされます。プロジェクトディレクトリでnpm init
を実行して、プロジェクトのpackage.json
ファイルを生成します。
第二に、ローカルの./node_modules/.bin
が$PATH
にないため、ローカルのバイナリはおそらく見つかりません。 node_modulesにローカルにインストールされたパッケージの使用方法 にはいくつかの解決策がありますが、npmスクリプトでbabel-cliコマンドをラップする方が簡単な場合があります。これは、npm run
がnpm bin
(node_modules/.bin
)の出力をスクリプトに提供されるPATH
に追加するために機能します。
以下は、ローカルにインストールされたbabel-cliバージョンを返す簡単なpackage.json
の例です。
{
"scripts": {
"babel-version": "babel --version"
},
"devDependencies": {
"babel-cli": "^6.6.5"
}
}
次のコマンドでスクリプトを呼び出します:npm run babel-version
。
Package.jsonにスクリプトを配置することは非常に便利ですが、見落とされがちです。ドキュメントの詳細: npmが「スクリプト」フィールドを処理する方法
この質問を見つけたとき、私は探していました
$ npm install -g babel-cli
これは一般的な問題であり、.cmd
をインストールしたルートディレクトリからbabel-cli
ファイルを探します。以下のコマンドを試してください。
./node_modules/.bin/babel.cmd
コマンドプロンプトでソースコードを確認できたら。次のステップは、もう1つのnpmモジュールbabel-preset-es2015
をインストールすることです。
以下の回答に従ってbabel-preset-es2015
をインストールし、babelがこれを必要とする理由を確認してください。
これは、ローカルプロジェクトnode_modules/.bin
パスをPATH
に自動的に追加するために行ったことです。 ~/.profile
に以下を追加しました:
if [ -d "$PWD/node_modules/.bin" ]; then
PATH="$PWD/node_modules/.bin"
fi
次に、bashプロファイルをリロードします:source ~/.profile
同じ問題がありました。 nodemodules
フォルダーを削除し、管理者としてコマンドプロンプトを開いてからnpm install
を実行しました。
すべてのパッケージが正常にインストールされました。
以下のように、babelファイルへのパスを引用符で囲む必要があります
"./node_modules/.bin/babel" --help
私のために働いた.
./node_modules/.bin/babel --version
./node_modules/.bin/babel src/main.js
Babelのバージョン7以降をインストールするには:
npm install -g @babel/cli
npm install -g @babel/core
私はまったく同じ問題にぶつかり、考え得るすべてのことを試しました。グローバルに何かをインストールするのが好きではありませんでしたが、最終的にnpm install -g babel-cli
を実行する必要があり、それが私の問題を解決しました。たぶん答えではないが、間違いなく可能な解決策...
Npmの代わりにYarnをパッケージマネージャーとして使用している場合:
yarn global add babel-cli
実際、cmdコマンドを使用する場合、2つの方法があります。まず、gloabl環境にインストールします。もう1つの方法はnpm link
です。したがって、最初の方法を試してください:npm install -g babel-cli
。