[解決済み] Babel コマンドが見つかりません
質問
Babelの説明に従って、babel-cliツールをインストールしました。 'getting started' のページをご覧ください。
私のプロジェクトフォルダ内のターミナルから。
npm install --save-dev babel-cli
この後、node_modulesディレクトリにbabel-cliフォルダがありますが、package.jsonは作成されていません。npmでも以下のエラーが表示されます。
npm WARN enoent ENOENT: no such file or directory, open '/Users/MyName/Sites/Tutorials/Babel2/package.json
babelを実行しようとすると、このようになります。
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ツールでは経験したことがありません。なぜbabelは認識されないのでしょうか?
解決方法を教えてください。
ここで、2つの問題があります。まず
package.json
ファイルを作成します。ファイルなしでインストールするように npm に指示すると
npm WARN enoent ENOENT: no such file or directory
というエラーが発生します。プロジェクトディレクトリで
npm init
を生成するために
package.json
ファイルを作成します。
次に、ローカルのバイナリが見つからないのは、おそらくローカルの
./node_modules/.bin
が
$PATH
. には、いくつかの解決策があります。
node_modules でローカルにインストールされたパッケージを使用するには?
しかし、babel-cliのコマンドをnpmスクリプトでラップする方が簡単かもしれません。これは以下の理由で動作します
npm run
の出力を追加します。
npm bin
(
node_modules/.bin
) を
PATH
をスクリプトに提供する。
以下に、簡単な例を示します。
package.json
これはローカルにインストールされた babel-cli のバージョンを返します。
{
"scripts": {
"babel-version": "babel --version"
},
"devDependencies": {
"babel-cli": "^6.6.5"
}
}
このコマンドでスクリプトを呼び出します。
npm run babel-version
.
package.jsonにスクリプトを入れるのは非常に便利ですが、見落とされがちです。詳しくはドキュメントをご覧ください。 npmはどのように"scripts"フィールドを処理するのか?
関連
-
[解決済み] エラーです。EPERM: operation not permitted, unlink 'D:\Sources**node_modules**fsevents**node_modules**abbrev**package.json'
-
[解決済み] Babel コマンドが見つかりません
-
[解決済み] NPM Publish Registry - 403 Forbidden - "You don't have permission to publish "...".
-
エラーを解決する。ENOENT: no such file or directory, scandir install node-sass error.
-
[解決済み] npmスクリプトへのコマンドライン引数の送信
-
[解決済み] なぜ "npm install" は package-lock.json を書き換えてしまうのですか?
-
[解決済み] Babel 6 regeneratorRuntimeが定義されていません。
-
[解決済み】NPMグローバルインストール "cannot find module"
-
[解決済み] npm -Dフラグの意味は何ですか?
-
[解決済み] sudo を使用しないと NPM モジュールがグローバルにインストールされない
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] エラーです。EPERM: operation not permitted, unlink 'D:\Sources**node_modules**fsevents**node_modules**abbrev**package.json'
-
NPM- モジュール 'xxxxxxxxxx' が見つかりません。
-
vue-cli レポのダウンロードに失敗しました vuejs-templates/webpack 接続タイムアウトの解決法
-
[解決済み] httpサーバーをローカルで起動する方法
-
[解決済み] yarn runとnpm startの違いは何ですか?
-
[解決済み] ローカルにインストールしたパッケージの実行ファイルを node_modules で使用するには?
-
[解決済み] package-lock.jsonの役割は何ですか?
-
[解決済み】npmインストール時。Unhandled rejection Error: EACCES: パーミッションが拒否されました。
-
[解決済み] npm -Dフラグの意味は何ですか?
-
[解決済み] npmパッケージのサイズを表示する方法を教えてください。