前提・実現したいこと
Nuxt.js を使って SPA の開発をしています。
本番ビルドだと問題なく動作するのですが develop モードのときのみエラーが発生して Vue.js が動作しない問題が発生しています。
発生している問題・エラーメッセージ
Uncaught ReferenceError: Vue is not defined at Object../.nuxt/client.js (C:\my-nuxt-temp….nuxt\client.js:99) at __webpack_require__ (bootstrap 2f22545…:712) at fn (bootstrap 2f22545…:117) at Object.0 (error.vue?3e40:21) at __webpack_require__ (bootstrap 2f22545…:712) at webpackJsonpCallback (bootstrap 2f22545…:25) at app.js:1 ./.nuxt/client.js @ C:\work\my-nuxt-temp….nuxt\client.js:99 __webpack_require__ @ bootstrap 2f22545…:712 fn @ bootstrap 2f22545…:117 0 @ error.vue?3e40:21 __webpack_require__ @ bootstrap 2f22545…:712 webpackJsonpCallback @ bootstrap 2f22545…:25 (anonymous) @ app.js:1
該当のソースコード
https://github.com/amesameame/my-nuxt-template
$ npm install $ npm run build $ npm start # localhost:3000 でエラーが発生しない $ npm run dev # localhost:3000 で上記のエラーが発生する
おそらくnuxt.config.js で webpack の設定を拡張することで対応できるとは思うのですが、いくつか試してみても改善しませんでした。
どなたか、助けていただけると幸いです。
よろしくおねがいします。
あなたの回答
tips
プレビュー