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.

[2.0.3] Vue module not found while building app

See original GitHub issue

Hi,

I am using the library with quasar v2 (using vuejs 3).

By default the library is blocking the build :

 App • Chaining "UI" Webpack config
 App • Cleaned build artifact: "~/myproject/dist/spa"
 App •  WAIT  • Compiling of "UI" in progress...
 App •  DONE  • "UI" compiled with errors • 28923ms

 App •  ERROR  •  UI  in ./node_modules/vue-json-pretty/lib/vue-json-pretty.js

Module not found: Can't resolve imported dependency "Vue"
Did you forget to install it? You can run: npm install --save Vue


 App •  COMPILATION FAILED  • Please check the log above for details.

I have to add this configuration in my quasar configuration in order to solve the problem, by creating a alias Vue for the vue library :

chain.resolve.alias.set('Vue', 'vue')

I don’t feel that is is a good way.

Regards,

Issue Analytics

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

github_iconTop GitHub Comments

2reactions
leezngcommented, Aug 18, 2021

Try v2.0.4

1reaction
LeYomcommented, Aug 17, 2021

vue is already installed, the module isn’t found during the build phase because it is searching for ‘Vue’ module instead of the real one which is ‘vue’

Read more comments on GitHub >

github_iconTop Results From Across the Web

"Cannot find module '@vue/compiler-sfc/package.json ...
After upgrading to vue 3 : yarn add vue@next. I get this error: "Cannot find module '@vue/compiler-sfc/package.json" when executing yarn ...
Read more >
Get started with Vuetify
Vuetify is a Material Design component framework for Vue.js. It aims to provide all the tools necessary to create beautiful content rich ...
Read more >
Installation - Vue.js
NPM. NPM is the recommended installation method when building large scale applications with Vue. It pairs nicely with module bundlers such as Webpack...
Read more >
Building external modules in VueJS - Pusher Blog
To build our external Vue module, we need to make sure it is one that can be reused across multiple projects and not...
Read more >
Getting Started - BootstrapVue
Get started with BootstrapVue, based on the world's most popular framework - Bootstrap v4, for building responsive, mobile-first sites using Vue.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