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

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

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

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

Laravel 5

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

Q&A

解決済

1回答

605閲覧

Laravel Mix Cannot read property 'call' of undefined

kubotan

総合スコア39

Vue.js

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

Laravel 5

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

0グッド

1クリップ

投稿2019/07/21 05:36

編集2022/01/12 10:55

こんにちは、現在laravel5とvueでの開発を行おうとしているのですが、laravel mixの設定でつまづいています。

エラーとしては

yarn run dev yarn run prod

をした時にコンパイルは成功するのですが、ブラウザで見た時に

TypeError: Cannot read property 'call' of undefined at r (bootstrap:2) at Object.5KmV (Menu.vue:1) at r (bootstrap:2) at Object.Pfcm (Menu.vue:1) at r (bootstrap:2) at Object.jRCZ (Menu.vue:1) at r (bootstrap:2) at Module.iayi (Menu.vue:1) at r (bootstrap:2)

が出てしまいます。

いろいろ調べてみたのですが、原因や解決策がわからなかったので、わかる方がいましたらぜひ助けてください。。

webpack.mix.jsはこんな感じです

js

1mix.options({ 2 extractVueStyles: true, 3 globalVueStyles: 'src/assets/styles/app.scss' 4}); 5mix.ts('src/app.ts', 'public/js') 6 .sass('src/assets/styles/app.scss', 'public/css/app.css') 7 .version();

よろしくお願いします。

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

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

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

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

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

guest

回答1

0

ベストアンサー

開発中にyarn run prodはいらない。devだけならエラーメッセージがもう少し分かりやすくなる。
Menu.vueが原因っぽいことは分かるからMenu.vueを書かないとどうしようもない。

tsとかextractVueStylesとかLaravelの標準と違うことしてるなら全部の情報出さないと誰にも分からない。

投稿2019/07/21 06:16

kawax

総合スコア10377

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

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

kubotan

2019/07/21 12:47 編集

ご回答ありがとうございます! そうですね、すいません。 ``` yarn run dev ``` の場合はこのようなエラーが出ます ``` TypeError: Cannot read property 'call' of undefined at __webpack_require__ (bootstrap:63) ``` そして yarn run watchの時は問題なく動くので、おそらくwebpackの設定が原因かな?と思っています。 package.jsonのscriptsではほぼ初期設定のまま使っていてこうなってます。 ``` "scripts": { "dev": "npm run development", "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "npm run development -- --watch", "watch-poll": "npm run watch -- --watch-poll", "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "prod": "npm run production", "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" } ```
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問