Vue cannot resolve index.vue in parent folder

Question

I'm trying to import a component using just the path folder, but I keep getting the error Cannot find module './components/layout/Navbar'.Vetur(2307)

Here's how I import the component

import Navbar from "./components/layout/Navbar";

@Component({
  components: {
    Navbar
  }
})

vue.config.js

const webpack = require("webpack");

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery",
        jquery: "jquery",
        "window.jQuery": "jquery",
        jQuery: "jquery"
      })
    ]
  }
};

Maksym Nedoshev · Accepted Answer · 2020-06-19 09:53:13Z

2

I do not think this is a good solution, but if there are no other options, then maybe it can help.
It’s better to specify the entire file. I would recommend such a solution if you have a big legacy where you need to rewrite a lot.

You can declare any module in shims-vue.d.ts.

declare module "*" {
  import Vue from 'vue';
  export default Vue;
}

Typescript will not produce an error that there is no module.

But with this approach, you lose hints at the stage of writing code. Only the webpack at the assembly stage will say that the module does not exist.

answered Jun 19, 2020 at 9:53

Maksym Nedoshev

464 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ProV · Accepted Answer · 2020-04-01 21:32:47Z

0

Try to import the vue files with the extension... Navbar/index.vue

Otherwise the vue loader doesn't know that this file is a vue file.

I assume that you have correctly implemented the vue loader or you are using the vue cli

answered Apr 1, 2020 at 21:32

ProV

2711 gold badge4 silver badges15 bronze badges

Collectives™ on Stack Overflow

Vue cannot resolve index.vue in parent folder

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related