actengage / vue-place-autocomplete

A Vue component for the Google Place Autocomplete API.
Other
26 stars 27 forks source link

index.es.js?ad3d:295 Could not find one or more icon(s) #9

Open nortigo opened 4 years ago

nortigo commented 4 years ago

Hi,

Sorry for my ignorance but I have this bug and I don't know how to solve it:

vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "icon". Expected Object, Array, String, got Undefined 
warn @ vue.runtime.esm.js?2b0e:619
assertProp @ vue.runtime.esm.js?2b0e:1705
validateProp @ vue.runtime.esm.js?2b0e:1632
createFunctionalComponent @ vue.runtime.esm.js?2b0e:3043
createComponent @ vue.runtime.esm.js?2b0e:3231
_createElement @ vue.runtime.esm.js?2b0e:3422
createElement @ vue.runtime.esm.js?2b0e:3353
vm._c @ vue.runtime.esm.js?2b0e:3491
render @ InputField.vue?236e:29
Vue._render @ vue.runtime.esm.js?2b0e:3548
updateComponent @ vue.runtime.esm.js?2b0e:4066
get @ vue.runtime.esm.js?2b0e:4479
run @ vue.runtime.esm.js?2b0e:4554
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4310
eval @ vue.runtime.esm.js?2b0e:1980
flushCallbacks @ vue.runtime.esm.js?2b0e:1906
Promise.then (async)
timerFunc @ vue.runtime.esm.js?2b0e:1933
nextTick @ vue.runtime.esm.js?2b0e:1990
queueWatcher @ vue.runtime.esm.js?2b0e:4402
update @ vue.runtime.esm.js?2b0e:4544
notify @ vue.runtime.esm.js?2b0e:730
reactiveSetter @ vue.runtime.esm.js?2b0e:1055
proxySetter @ vue.runtime.esm.js?2b0e:4631
eval @ PlaceAutocompleteField.vue?841f:157
search @ PlaceAutocompleteField.vue?841f:150
onKeyup @ PlaceAutocompleteField.vue?841f:235
onFocus @ PlaceAutocompleteField.vue?841f:248
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
invoker @ vue.runtime.esm.js?2b0e:2179
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
Vue.$emit @ vue.runtime.esm.js?2b0e:3888
Vue.<computed> @ backend.js:1793
eval @ FormControl.js?e074:263
index.es.js?ad3d:295 Could not find one or more icon(s) undefined {}
log @ index.es.js?ad3d:295
render @ index.es.js?ad3d:447
createFunctionalComponent @ vue.runtime.esm.js?2b0e:3058
createComponent @ vue.runtime.esm.js?2b0e:3231
_createElement @ vue.runtime.esm.js?2b0e:3422
createElement @ vue.runtime.esm.js?2b0e:3353
vm._c @ vue.runtime.esm.js?2b0e:3491
render @ InputField.vue?236e:29
Vue._render @ vue.runtime.esm.js?2b0e:3548
updateComponent @ vue.runtime.esm.js?2b0e:4066
get @ vue.runtime.esm.js?2b0e:4479
run @ vue.runtime.esm.js?2b0e:4554
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4310
eval @ vue.runtime.esm.js?2b0e:1980
flushCallbacks @ vue.runtime.esm.js?2b0e:1906
Promise.then (async)
timerFunc @ vue.runtime.esm.js?2b0e:1933
nextTick @ vue.runtime.esm.js?2b0e:1990
queueWatcher @ vue.runtime.esm.js?2b0e:4402
update @ vue.runtime.esm.js?2b0e:4544
notify @ vue.runtime.esm.js?2b0e:730
reactiveSetter @ vue.runtime.esm.js?2b0e:1055
proxySetter @ vue.runtime.esm.js?2b0e:4631
eval @ PlaceAutocompleteField.vue?841f:157
search @ PlaceAutocompleteField.vue?841f:150
onKeyup @ PlaceAutocompleteField.vue?841f:235
onFocus @ PlaceAutocompleteField.vue?841f:248
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
invoker @ vue.runtime.esm.js?2b0e:2179
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
Vue.$emit @ vue.runtime.esm.js?2b0e:3888
Vue.<computed> @ backend.js:1793
eval @ FormControl.js?e074:263
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "icon". Expected Object, Array, String, got Undefined 
warn @ vue.runtime.esm.js?2b0e:619
assertProp @ vue.runtime.esm.js?2b0e:1705
validateProp @ vue.runtime.esm.js?2b0e:1632
createFunctionalComponent @ vue.runtime.esm.js?2b0e:3043
createComponent @ vue.runtime.esm.js?2b0e:3231
_createElement @ vue.runtime.esm.js?2b0e:3422
createElement @ vue.runtime.esm.js?2b0e:3353
vm._c @ vue.runtime.esm.js?2b0e:3491
render @ InputField.vue?236e:29
Vue._render @ vue.runtime.esm.js?2b0e:3548
updateComponent @ vue.runtime.esm.js?2b0e:4066
get @ vue.runtime.esm.js?2b0e:4479
run @ vue.runtime.esm.js?2b0e:4554
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4310
eval @ vue.runtime.esm.js?2b0e:1980
flushCallbacks @ vue.runtime.esm.js?2b0e:1906
Promise.then (async)
timerFunc @ vue.runtime.esm.js?2b0e:1933
nextTick @ vue.runtime.esm.js?2b0e:1990
queueWatcher @ vue.runtime.esm.js?2b0e:4402
update @ vue.runtime.esm.js?2b0e:4544
notify @ vue.runtime.esm.js?2b0e:730
reactiveSetter @ vue.runtime.esm.js?2b0e:1055
proxySetter @ vue.runtime.esm.js?2b0e:4631
eval @ PlaceAutocompleteField.vue?841f:160
(anonymous) @ places_impl.js:32
e @ places_impl.js:28
c @ common.js:67
(anonymous) @ AutocompletionService.GetPredictionsJson?***************************************
index.es.js?ad3d:295 Could not find one or more icon(s) undefined {}
log @ index.es.js?ad3d:295
render @ index.es.js?ad3d:447
createFunctionalComponent @ vue.runtime.esm.js?2b0e:3058
createComponent @ vue.runtime.esm.js?2b0e:3231
_createElement @ vue.runtime.esm.js?2b0e:3422
createElement @ vue.runtime.esm.js?2b0e:3353
vm._c @ vue.runtime.esm.js?2b0e:3491
render @ InputField.vue?236e:29
Vue._render @ vue.runtime.esm.js?2b0e:3548
updateComponent @ vue.runtime.esm.js?2b0e:4066
get @ vue.runtime.esm.js?2b0e:4479
run @ vue.runtime.esm.js?2b0e:4554
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4310
eval @ vue.runtime.esm.js?2b0e:1980
flushCallbacks @ vue.runtime.esm.js?2b0e:1906
Promise.then (async)
timerFunc @ vue.runtime.esm.js?2b0e:1933
nextTick @ vue.runtime.esm.js?2b0e:1990
queueWatcher @ vue.runtime.esm.js?2b0e:4402
update @ vue.runtime.esm.js?2b0e:4544
notify @ vue.runtime.esm.js?2b0e:730
reactiveSetter @ vue.runtime.esm.js?2b0e:1055
proxySetter @ vue.runtime.esm.js?2b0e:4631
eval @ PlaceAutocompleteField.vue?841f:160
(anonymous) @ places_impl.js:32
e @ places_impl.js:28
c @ common.js:67
(anonymous) @ AutocompletionService.GetPredictionsJson?***************************************
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "icon". Expected Object, Array, String, got Undefined 
warn @ vue.runtime.esm.js?2b0e:619
assertProp @ vue.runtime.esm.js?2b0e:1705
validateProp @ vue.runtime.esm.js?2b0e:1632
createFunctionalComponent @ vue.runtime.esm.js?2b0e:3043
createComponent @ vue.runtime.esm.js?2b0e:3231
_createElement @ vue.runtime.esm.js?2b0e:3422
createElement @ vue.runtime.esm.js?2b0e:3353
vm._c @ vue.runtime.esm.js?2b0e:3491
render @ InputField.vue?236e:29
Vue._render @ vue.runtime.esm.js?2b0e:3548
updateComponent @ vue.runtime.esm.js?2b0e:4066
get @ vue.runtime.esm.js?2b0e:4479
run @ vue.runtime.esm.js?2b0e:4554
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4310
eval @ vue.runtime.esm.js?2b0e:1980
flushCallbacks @ vue.runtime.esm.js?2b0e:1906
Promise.then (async)
timerFunc @ vue.runtime.esm.js?2b0e:1933
nextTick @ vue.runtime.esm.js?2b0e:1990
queueWatcher @ vue.runtime.esm.js?2b0e:4402
update @ vue.runtime.esm.js?2b0e:4544
notify @ vue.runtime.esm.js?2b0e:730
reactiveSetter @ vue.runtime.esm.js?2b0e:1055
proxySetter @ vue.runtime.esm.js?2b0e:4631
eval @ PlaceAutocompleteField.vue?841f:236
Promise.then (async)
onKeyup @ PlaceAutocompleteField.vue?841f:235
onFocus @ PlaceAutocompleteField.vue?841f:248
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
invoker @ vue.runtime.esm.js?2b0e:2179
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
Vue.$emit @ vue.runtime.esm.js?2b0e:3888
Vue.<computed> @ backend.js:1793
eval @ FormControl.js?e074:263
index.es.js?ad3d:295 Could not find one or more icon(s) undefined {}
log @ index.es.js?ad3d:295
render @ index.es.js?ad3d:447
createFunctionalComponent @ vue.runtime.esm.js?2b0e:3058
createComponent @ vue.runtime.esm.js?2b0e:3231
_createElement @ vue.runtime.esm.js?2b0e:3422
createElement @ vue.runtime.esm.js?2b0e:3353
vm._c @ vue.runtime.esm.js?2b0e:3491
render @ InputField.vue?236e:29
Vue._render @ vue.runtime.esm.js?2b0e:3548
updateComponent @ vue.runtime.esm.js?2b0e:4066
get @ vue.runtime.esm.js?2b0e:4479
run @ vue.runtime.esm.js?2b0e:4554
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4310
eval @ vue.runtime.esm.js?2b0e:1980
flushCallbacks @ vue.runtime.esm.js?2b0e:1906
Promise.then (async)
timerFunc @ vue.runtime.esm.js?2b0e:1933
nextTick @ vue.runtime.esm.js?2b0e:1990
queueWatcher @ vue.runtime.esm.js?2b0e:4402
update @ vue.runtime.esm.js?2b0e:4544
notify @ vue.runtime.esm.js?2b0e:730
reactiveSetter @ vue.runtime.esm.js?2b0e:1055
proxySetter @ vue.runtime.esm.js?2b0e:4631
eval @ PlaceAutocompleteField.vue?841f:236
Promise.then (async)
onKeyup @ PlaceAutocompleteField.vue?841f:235
onFocus @ PlaceAutocompleteField.vue?841f:248
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
invoker @ vue.runtime.esm.js?2b0e:2179
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
Vue.$emit @ vue.runtime.esm.js?2b0e:3888
Vue.<computed> @ backend.js:1793
eval @ FormControl.js?e074:263
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "icon". Expected Object, Array, String, got Undefined 
warn @ vue.runtime.esm.js?2b0e:619
assertProp @ vue.runtime.esm.js?2b0e:1705
validateProp @ vue.runtime.esm.js?2b0e:1632
createFunctionalComponent @ vue.runtime.esm.js?2b0e:3043
createComponent @ vue.runtime.esm.js?2b0e:3231
_createElement @ vue.runtime.esm.js?2b0e:3422
createElement @ vue.runtime.esm.js?2b0e:3353
vm._c @ vue.runtime.esm.js?2b0e:3491
render @ InputField.vue?236e:29
Vue._render @ vue.runtime.esm.js?2b0e:3548
updateComponent @ vue.runtime.esm.js?2b0e:4066
get @ vue.runtime.esm.js?2b0e:4479
run @ vue.runtime.esm.js?2b0e:4554
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4310
eval @ vue.runtime.esm.js?2b0e:1980
flushCallbacks @ vue.runtime.esm.js?2b0e:1906
Promise.then (async)
timerFunc @ vue.runtime.esm.js?2b0e:1933
nextTick @ vue.runtime.esm.js?2b0e:1990
queueWatcher @ vue.runtime.esm.js?2b0e:4402
update @ vue.runtime.esm.js?2b0e:4544
notify @ vue.runtime.esm.js?2b0e:730
reactiveSetter @ vue.runtime.esm.js?2b0e:1055
proxySetter @ vue.runtime.esm.js?2b0e:4631
onItemClick @ PlaceAutocompleteField.vue?841f:267
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
invoker @ vue.runtime.esm.js?2b0e:2179
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
Vue.$emit @ vue.runtime.esm.js?2b0e:3888
Vue.<computed> @ backend.js:1793
onClick @ PlaceAutocompleteList.vue?fbc8:49
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
invoker @ vue.runtime.esm.js?2b0e:2179
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
Vue.$emit @ vue.runtime.esm.js?2b0e:3888
Vue.<computed> @ backend.js:1793
onClick @ PlaceAutocompleteListItem.vue?5ef5:28
click @ PlaceAutocompleteListItem.vue?1ae6:19
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
invoker @ vue.runtime.esm.js?2b0e:2179
original._wrapper @ vue.runtime.esm.js?2b0e:6917
index.es.js?ad3d:295 Could not find one or more icon(s) undefined {}
log @ index.es.js?ad3d:295
render @ index.es.js?ad3d:447
createFunctionalComponent @ vue.runtime.esm.js?2b0e:3058
createComponent @ vue.runtime.esm.js?2b0e:3231
_createElement @ vue.runtime.esm.js?2b0e:3422
createElement @ vue.runtime.esm.js?2b0e:3353
vm._c @ vue.runtime.esm.js?2b0e:3491
render @ InputField.vue?236e:29
Vue._render @ vue.runtime.esm.js?2b0e:3548
updateComponent @ vue.runtime.esm.js?2b0e:4066
get @ vue.runtime.esm.js?2b0e:4479
run @ vue.runtime.esm.js?2b0e:4554
flushSchedulerQueue @ vue.runtime.esm.js?2b0e:4310
eval @ vue.runtime.esm.js?2b0e:1980
flushCallbacks @ vue.runtime.esm.js?2b0e:1906
Promise.then (async)
timerFunc @ vue.runtime.esm.js?2b0e:1933
nextTick @ vue.runtime.esm.js?2b0e:1990
queueWatcher @ vue.runtime.esm.js?2b0e:4402
update @ vue.runtime.esm.js?2b0e:4544
notify @ vue.runtime.esm.js?2b0e:730
reactiveSetter @ vue.runtime.esm.js?2b0e:1055
proxySetter @ vue.runtime.esm.js?2b0e:4631
onItemClick @ PlaceAutocompleteField.vue?841f:267
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
invoker @ vue.runtime.esm.js?2b0e:2179
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
Vue.$emit @ vue.runtime.esm.js?2b0e:3888
Vue.<computed> @ backend.js:1793
onClick @ PlaceAutocompleteList.vue?fbc8:49
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
invoker @ vue.runtime.esm.js?2b0e:2179
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
Vue.$emit @ vue.runtime.esm.js?2b0e:3888
Vue.<computed> @ backend.js:1793
onClick @ PlaceAutocompleteListItem.vue?5ef5:28
click @ PlaceAutocompleteListItem.vue?1ae6:19
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
invoker @ vue.runtime.esm.js?2b0e:2179
original._wrapper @ vue.runtime.esm.js?2b0e:6917

Here is the integration:

<place-autocomplete-field
  v-model="field1"
  placeholder="Enter an an address, zipcode, or location"
  label="Address"
  name="field1"
  api-key="**********"
></place-autocomplete-field>

Please advise. Thanks.

daronspence commented 4 years ago

@nortigo there is an incompatibility with this package and a dependency also made by the same developer. Delete your node_modules folder and then npm install vue-interface@0.4.37 and then npm install and see if that fixes it.