machristie commented on pull request #40: URL: https://github.com/apache/airavata-django-portal/pull/40#issuecomment-643500539
@dinukadesilva I'm getting this error when I try to create an experiment: ``` Vue Global Error Handler TypeError: "this.$route is undefined" storagePath webpack-internal:///./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./static/django_airavata_workspace/js/components/storage/UserStorageFileSelectionContainer.vue?vue&type=script&lang=js&:43 VueJS 4 get evaluate computedGetter get render webpack-internal:///./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"48bd918a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./static/django_airavata_workspace/js/components/storage/UserStorageFileSelectionContainer.vue?vue&type=template&id=58a24761&:15 VueJS 7 Object { _uid: 38, _isVue: true, "$options": {…}, _renderProxy: Proxy, _self: {…}, "$parent": {…}, "$root": {…}, "$children": [], "$refs": {}, _watcher: {…}, … } render GlobalErrorHandler.js:43:15 ``` The InputFileSelector.vue also uses the UserStorageFileSelectionContainer, but there is no `this.$route` there. I think maybe just a check to if `this.$route` is defined. I wonder though why you need `storagePath` here and elsewhere? It might be simpler to create the `storagePath` from `userStoragePath.parts`. For example, you can essentially recreate storagePath with: ```javascript ["~"].concat(userStoragePath.parts).join("/") + "/" ``` ---------------------------------------------------------------- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. For queries about this service, please contact Infrastructure at: us...@infra.apache.org