[質問] npm
run dev 実行時のエラーについていつもお世...

tontekitonteki　

[質問] npm run dev 実行時のエラーについて

いつもお世話になっております。
解決に1日以上かかっていますので質問いたします。

環境
PHP 7.3.9
Laravel 5.8.35
node 13.1.0
npm 6.12.1

試したこと
以下のリンク先やQiitaを参考に行いました。
https://akamist.com/blog/archives/2827
npmの再インストール
キャッシュの削除
最新バージョンへの変更
webpackを最新verにインストールし直し
cross-envのインストール
nodebrewとyarnのバッティングかと考えyarnを削除
https://hisa-tech.site/yarn-install-stumble/

以上、削除とインストールし直しを数回試してみましたが
以下のエラーが出ます。

英文を翻訳し読み解き
表記のモジュール(babel-loader,vue-loader)がないと解釈しましたがフォルダ内には存在しています。
またlib??ref--4-0!
lib??vue-loader-options!
辺りを検索しましたが答えが見つかりませんでした。
最後の文でnpmの問題ではないと書かれていますがお手上げです。

何か解決のヒントをいただければと思います。
よろしくお願いいたします。

以下エラー文

2019/11/08

回答 0件

tonteki　

長文のためか原因は不明ですが送信ボタンが有効になりませんでした。
以下一部をお送りいたします。

This relative module was not found:

* ../master/keymap in ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/ExampleComponent.vue?vue&type=script&lang=js&

2018/12/15

tonteki　

略
ERROR in ./resources/js/components/ExampleComponent.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/ExampleComponent.vue?vue&type=script&lang=js&)

2018/12/15

tonteki　

Module not found: Error: Can't resolve '../master/keymap' in '/Applications/MAMP/htdocs/laravel_sample/resources/js/components'
@ ./resources/js/components/ExampleComponent.vue?vue&type=script&lang=js&
略

2018/12/15

tonteki　

npm ERR! code ELIFECYCLE

npm ERR! @ development: `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`

以上ですよろしくお願いいたします。

2018/12/15

ソースコードに問題がある可能性があります。

よって対応としては以下の2つが考えられます。

1. ソースコードのおかしい箇所がないか確認する
2. Lravelのプロジェクトを作り直す

■1.について
「ExampleComponent.vue」の31行目にある、
「import KeyCodeMap from ‘../master/keymap’」
の読み込みがうまくいってなさそうなので、まずは「resources/js/master/keymap.js」が存在しており、その中身が正しいかを確認してみてください。

■2.について
再度Laravelの新しいプロジェクトを作成し、「npm install」及び「npm run dev」を実行してみてください。
プロジェクト作成の条件は動画のものと合わせる必要があるので、「Lesson01 | Laravelと環境構築〜その１〜」を参考に実施してください。

1970/01/01

tonteki　

迅速なご対応をありがとうございます。
まず1.を確認したところディレクトリ構成が間違っておりました。
今後はまず落ち着いて動画を見返すなど基本の箇所から確認するよう心がけます。

2018/12/15

[質問] npm
run dev 実行時のエラーについていつもお世...

部活の学習一覧

ご意見箱

[質問] npm run dev 実行時のエラーについて いつもお世...

部活の学習一覧

ご意見箱

[質問] npm
run dev 実行時のエラーについていつもお世...