Laravel-mix: Loader issue with package contain .vue file
```
error in ./node_modules/vue2-google-maps/dist/components/streetViewPanorama.vue
Module parse failed: /Users/adrian/apps/highschooltutors/node_modules/vue2-google-maps/dist/components/streetViewPanorama.vue Unexpected token (1:0) @ ./node_modules/vue2-google-maps/dist/main.js 47:26-72
You may need an appropriate loader to handle this file type.
```
@ ./resources/assets/js/app.js
@ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
adrianwang-aus
All 6 comments
Mix won't process any .vue files in your node_modules directory right now. It ignores that directory entirely.
JeffreyWay
on 20 Jun 2017
@JeffreyWay
Sometime we may need to process .vue coming from node_modules,
There are npm packages, for example -
https://github.com/ankurk91/vue-flatpickr-component
https://www.npmjs.com/package/vue-nprogress
There may be more
FYI: .vue files are being processed in v0.12.1 and if not in v1.0.0 then it is a breaking change,
ankurk91
on 20 Jun 2017
same here it is failing for my installed vue components packages
@JeffreyWay what is the fix for this?
msonowal
on 20 Jun 2017
Example of breaking change;
error in ./node_modules/vue-full-calendar/components/FullCalendar.vue
Module parse failed: /Users/ben/path/to/project/node_modules/vue-full-calendar/components/FullCalendar.vue Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| <template>
| <div ref="calendar" id="calendar"></div>
| </template>
@ ./node_modules/vue-full-calendar/index.js 1:19-59
bbashy
on 20 Jun 2017
Okay I'll get this fixed right now.
JeffreyWay
on 20 Jun 2017
Fixed in 1.0.3.
JeffreyWay
on 20 Jun 2017
Related issues
Cheddam
路
3Comments
jpriceonline
路
3Comments
amin101
路
3Comments
rlewkowicz
路
3Comments
Micaso
路
3Comments
Most helpful comment
Fixed in 1.0.3.