Module not found: Error: Can’t resolve vue, path not correct

by

This question ranks high in google, so I would add a settings for Vue 3. With Webpack 5 and Vue 3, the webpack config alias changes to this:

resolve: {
    extensions: [ '.tsx', '.ts', '.js', '.vue' ],
    alias: {
        'vue': '@vue/runtime-dom'
    }
},

Alternatively this may be the solution, if the are transpilation errors:

    alias: {
        'Vue': 'vue/dist/vue.esm-bundler.js',
    }

Hope it saves time for others.

More Related Contents:

  1. What should I do to use this webpacked JS library? [closed]
  2. What does the @ mean inside an import path?
  3. Static image src in Vue.js template
  4. Webpack-dev-server compiles files but does not refresh or make compiled javascript available to browser
  5. How to disable ESLint in vue-cli?
  6. How to bind img src to data in Vue
  7. styled components final styles are injected directly in DOM with tag, with style tag injection does performance gets affected?
  8. Managing jQuery plugin dependency in webpack
  9. Define global variable with webpack
  10. Expose jQuery to real Window object with Webpack
  11. webpack dynamic module loader by require
  12. importing a package in ES6: “Failed to resolve module specifier “vue””
  13. Passing props dynamically to dynamic component in VueJS
  14. How to build minified and uncompressed bundle with webpack?
  15. webpack require every file in directory
  16. How to load all server side data on initial vue.js / vue-router load?
  17. Vue converts input[type=number] to a string value
  18. Webpack output is empty object
  19. How to use dynamic tailwind classes with JS switch statement and pass them correctly in Vue?
  20. Vue: How do I call multiple functions with @click?
  21. Webpack and external libraries
  22. “You may need an additional loader to handle the result of these loaders.”
  23. Electron IPC and nodeIntegration
  24. How to limit iteration of elements in `v-for`
  25. Conflict on Template of Twig and Vue.js
  26. Property ‘XXX’ does not exist on type ‘CombinedVueInstance’
  27. React JS Server side issue – window not found
  28. Why is webpack –watch not updating when specific files are updated
  29. How to import ipcRenderer in vue.js ? __dirname is not defined
  30. Load static JSON file in Webpack

Leave a Comment