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

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

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

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

Q&A

0回答

272閲覧

Vue.js Error in renderが起きた行の調査方法

vc3000

総合スコア196

Vue.js

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

0グッド

0クリップ

投稿2020/11/06 01:19

Vue.js 2.6で下記のようなエラーが出る場合があります。
Recommendation/index.vueというファイルのレンダリング時にエラーが出ていることは分かるのですが、ソースコードの何行目かが表示されないようで、特定に時間がかかっています。
今はエラーが出なくなるまであやしい行を削除してみるという調査方法をしています。
何かもっと良い方法はないでしょうか?

[Vue warn]: Error in Render: "TypeError: Cannot read property '0' of undefined" found in ---> <Index> at src/views/Recommendation/index.vue <App> at src/App.vue <Root>

依存ライブラリは下記で、Chrome拡張のVue.js devtoolsもインストールしています。

"dependencies": { "axios": "^0.19.0", "core-js": "^3.3.2", "google-maps": "^3.3.0", "node-sass": "^4.13.0", "register-service-worker": "^1.7.1", "vue": "^2.6.10", "vue-i18n": "^8.15.0", "vue-moment": "^4.0.0", "vue-router": "^3.1.3", "vue-spinner": "^1.0.3", "vuex": "^3.0.1" }, "devDependencies": { "@vue/cli-plugin-babel": "^4.0.0", "@vue/cli-plugin-eslint": "^4.0.0", "@vue/cli-plugin-pwa": "^4.4.6", "@vue/cli-plugin-router": "^4.0.0", "@vue/cli-plugin-vuex": "^4.0.0", "@vue/cli-service": "^4.0.0", "@vue/eslint-config-prettier": "^5.0.0", "babel-eslint": "^10.0.3", "eslint": "^5.16.0", "eslint-plugin-prettier": "^3.1.1", "eslint-plugin-vue": "^5.0.0", "prettier": "^1.18.2", "sass": "^1.19.0", "sass-loader": "^8.0.0", "vue-template-compiler": "^2.6.10", "webpack": "^4.43.0", "webpack-cli": "^3.3.12", "webpack-dev-server": "^3.11.0", "workbox-webpack-plugin": "^5.1.3" }

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問