question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Loader issue with package contain .vue file

See original GitHub issue
 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)
You may need an appropriate loader to handle this file type.
<template>
   <div class="vue-street-view-pano-container">
     <div ref="vue-street-view-pano" class="vue-street-view-pano"></div>```

 @ ./node_modules/vue2-google-maps/dist/main.js 47:26-72
 @ ./resources/assets/js/app.js
 @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:2
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

7reactions
JeffreyWaycommented, Jun 20, 2017

Fixed in 1.0.3.

3reactions
ankurk91commented, Jun 20, 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,

Read more comments on GitHub >

github_iconTop Results From Across the Web

Loader issue with package contain .vue file #897 - GitHub
Mix won't process any .vue files in your node_modules directory right now. It ignores that directory entirely. 3
Read more >
How to load not bundled *.vue file from node_modules?
I wrote small Vue package for internal usage in my project. It contain some plugins (.js extension), which includes Vue single-file ...
Read more >
Working with CSS | Vue CLI
All compiled CSS are processed by css-loader, which parses url() and resolves them as module requests. This means you can refer to assets...
Read more >
vue-loader - npm
Allows custom blocks in a .vue file that can have custom loader chains applied to them;; Treat static assets referenced in <style> and...
Read more >
Vue JavaScript Tutorial in Visual Studio Code
js package manager) installed. npm is included with Node.js which you can install from Node.js downloads. Tip: To test that you have Node.js...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found