You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi as described in the title I get: Uncaught TypeError: __webpack_modules__[moduleId] is not a function
I followed the guide and made sure to double check if everything is set up as per the suggestions from this issue: https://github.com/MadimetjaShika/vuetify-google-autocomplete/issues/30
nuxt.config.js:
plugins:
plugins: [
.....
{ src: "~/plugins/vuetify-google-autocomplete", ssr: false }, // NOTE: i also tried with @plugins/....
]
EDIT:
Noticed in the example with issue #30 the plugins file imports and uses the package with lowercase first letter as: vuetifyGoogleAutocomplete
Still no joy and same error on page load.
The text was updated successfully, but these errors were encountered:
Some updates:
I managed pass the moduleId error by going down to
"vuetify-google-autocomplete": "^2.0.0-Alpha.8"
Then resolved the new error:
Uncaught (in promise) TypeError: k is undefined google apis
by adding in nuxt.config.json
head: {
scripts: [{
type: "text/javascript", // new part
src: `https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&libraries=places
}]
}
So now finally on page load it throws error:
[Vue warn]: Unknown custom element: <v-text-field> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <VuetifyGoogleAutocomplete>
<VForm>
i found a solution where you can manually export VTextField
Vue.use(Vuetify, {
theme: {
primary: '#121212', // a color that is not in the material colors palette
accent: colors.grey.darken3,
secondary: colors.amber.darken3,
info: colors.teal.lighten1,
warning: colors.amber.base,
error: colors.deepOrange.accent4,
success: colors.green.accent3
},
components: {
VTextField
}
})
however i am using @nuxt/vuetify package and this is not available to me
I tried to add to the module config declaration the components part above like so:
nuxt.config.js
Hi as described in the title I get:
Uncaught TypeError: __webpack_modules__[moduleId] is not a function
I followed the guide and made sure to double check if everything is set up as per the suggestions from this issue:
https://github.com/MadimetjaShika/vuetify-google-autocomplete/issues/30
nuxt.config.js:
plugins:
build:
in project-root/plugins/vuetify-google-autocomplete.js:
Also tried the more straightforward alternative method where in
nuxt.config.js:
I also tried removing the script injection logic from nuxtconfig as follows:
Any idea how to fix this problem?
EDIT:
Noticed in the example with issue #30 the plugins file imports and uses the package with lowercase first letter as:
vuetifyGoogleAutocomplete
Still no joy and same error on page load.
The text was updated successfully, but these errors were encountered: