質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.39%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

Q&A

解決済

1回答

9528閲覧

npm run watch時に「sh: 1: cross-env: not found」のエラー発生

kazoogon

総合スコア281

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

0グッド

1クリップ

投稿2018/04/04 03:14

編集2018/04/05 00:51

只今Laravel5.5, homesteadを使用しローカルにてvue.jsを利用してSPAを作成しております。
その中でJavaScriptやCSSを追加・変更した際に自動的にコンパイルが行われるようにするために「npm run watch」を実行すると以下のようなエラーが出てきました。

> @ watch /home/vagrant/code/school > cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js sh: 1: cross-env: not found npm ERR! file sh npm ERR! code ELIFECYCLE npm ERR! errno ENOENT npm ERR! syscall spawn npm ERR! @ watch: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js` npm ERR! spawn ENOENT npm ERR! npm ERR! Failed at the @ watch script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /home/vagrant/.npm/_logs/2018-04-04T03_05_00_224Z-debug.log

http://blog.asial.co.jp/1496 ←こちらのサイトを参考にし、cross-env.jsを以下のように修正

"scripts": { "dev": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch-poll": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --watch-poll --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "hot": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "production": "node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" },

しかし結果は同じ。またhttps://github.com/fullstackreact/react-gen-generator/issues/4 このサイトも参考にしてみましたが、効果は有りませんでした。npmの知識がまだ疎しくここで止まってしまっています。回答よろしくお願いいたします。

<<回答を受けて>>
npm install --save-dev cross-envを実行しました所こうエラーが出ました。

vagrant@homestead:~/code/school$ npm install --save-dev cross-env npm WARN ajv-keywords@3.1.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: assert-plus@1.0.0 (node_modules/fsevents/node_modules/dashdash/node_modules/assert-plus): npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, open '/home/vagrant/code/school/node_modules/fsevents/node_modules/dashdash/node_modules/assert-plus/package.json.4201104718' npm WARN optional SKIPPING OPTIONAL DEPENDENCY: assert-plus@1.0.0 (node_modules/fsevents/node_modules/getpass/node_modules/assert-plus): npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, open '/home/vagrant/code/school/node_modules/fsevents/node_modules/getpass/node_modules/assert-plus/package.json.670411067' npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.3 (node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: minimist@1.2.0 (node_modules/fsevents/node_modules/rc/node_modules/minimist): npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, open '/home/vagrant/code/school/node_modules/fsevents/node_modules/rc/node_modules/minimist/package.json.2754480345' npm WARN optional SKIPPING OPTIONAL DEPENDENCY: assert-plus@1.0.0 (node_modules/fsevents/node_modules/sshpk/node_modules/assert-plus): npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, open '/home/vagrant/code/school/node_modules/fsevents/node_modules/sshpk/node_modules/assert-plus/package.json.36804433' npm ERR! path ../cross-env/dist/bin/cross-env.js npm ERR! code EPROTO npm ERR! errno -71 npm ERR! syscall symlink npm ERR! EPROTO: protocol error, symlink '../cross-env/dist/bin/cross-env.js' -> '/home/vagrant/code/school/node_modules/.bin/cross-env' npm ERR! A complete log of this run can be found in: npm ERR! /home/vagrant/.npm/_logs/2018-04-04T06_01_57_849Z-debug.log

またfind -name "cross-env.js" -type fで検索しても何もでてきませんでした。

<<回答を受けて②>>
単純にcross-envをinstallしてみました。
が、しかし今だにnpm run dev, npm run watch実行後はsh: 1: cross-env: not foundのままですね。。

vagrant@homestead:~/code/school$ npm install cross-env --save --no-bin-links npm WARN ajv-keywords@3.1.0 requires a peer of ajv@^6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: assert-plus@1.0.0 (node_modules/fsevents/node_modules/dashdash/node_modules/assert-plus): npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, open '/home/vagrant/code/school/node_modules/fsevents/node_modules/dashdash/node_modules/assert-plus/package.json.1110259093' npm WARN optional SKIPPING OPTIONAL DEPENDENCY: assert-plus@1.0.0 (node_modules/fsevents/node_modules/getpass/node_modules/assert-plus): npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, open '/home/vagrant/code/school/node_modules/fsevents/node_modules/getpass/node_modules/assert-plus/package.json.1816258176' npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.3 (node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: assert-plus@1.0.0 (node_modules/fsevents/node_modules/sshpk/node_modules/assert-plus): npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, open '/home/vagrant/code/school/node_modules/fsevents/node_modules/sshpk/node_modules/assert-plus/package.json.4166844666' npm WARN optional SKIPPING OPTIONAL DEPENDENCY: minimist@1.2.0 (node_modules/fsevents/node_modules/rc/node_modules/minimist): npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, open '/home/vagrant/code/school/node_modules/fsevents/node_modules/rc/node_modules/minimist/package.json.3366993945' + cross-env@5.1.4 added 1 package in 41.555s

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

cross-envのパス修正以前に、cross-env自体はインストール済みなのでしょうか?

未インストールであれば、npm install --save-dev cross-envでインストールしてから、再度、試してみてください。

投稿2018/04/04 03:31

編集2018/04/04 04:26
HayatoKamono

総合スコア2415

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kazoogon

2018/04/04 06:13

回答ありがとうございます。 質問部分に「回答を受けて」の部分を追加いたしました。(ここではコードが読みずらいので) よろしくお願いいたします。
kazoogon

2018/04/04 13:29

ありがとうございます。 ↑の通りにnpm installするとinstallは完了。  e_modules/cross-env/dist/bin/cross-env.js を質問でもしたように修正  →npm run watch実行後のエラー文に変化はなし エラー文にて「sh: 1: cross-env: not found」と出ていますが、cross-envというディレクトリは存在し、なぜこのエラーがでるのか?? という所まではきました。
kazoogon

2018/04/05 00:53

cross-envをinstallしてみましたが、結果は一緒でした。 (質問文に追記も致しました)
HayatoKamono

2018/04/05 00:59 編集

それで、エラーの調査結果はどうでしたか?自分でそこから調べたこと、試したことを質問文に追記してください。
HayatoKamono

2018/04/05 00:58

また、「cross-envというディレクトリは存在し」では、プロジェクトフォルダの階層構造を把握していない第3者には、どこにそのディレクトリが存在しているのか伝わらないので、可能な限り第三者にも伝わるように具体的な情報を提供するように心がけてください。
kazoogon

2018/04/05 01:12

https://stackoverflow.com/questions/43685777/laravel-mix-sh-1-cross-env-not-found-error こちらのサイトを参考にし、解決いたしました。 原因はpackage.jsonのscriptsの部分「cross-env」記載部分でした。そこを「node_modules/cross-env/dist/bin/cross-env.js」に変更し、cross-env.jsが読み込まれるように修正いたしました。 npmの知識はほぼ0でしたので、npmの仕組みについて今回勉強になりました。お忙しいところご回答ありがとうございました。
HayatoKamono

2018/04/05 01:35

自己解決出来たようで良かったです!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.39%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問