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" }
あなたの回答
tips
プレビュー