score:7

Accepted answer

you're using relative path. in your routes.js, it should be

import poetry from '../components/poetry.vue'
import poetrycard from '../components/poetrydetails/poetrycard.vue'
import poetrysearch from '../components/poetrydetails/search.vue'

.. notation means go to parent folder.

if you're using webpack, you can add alias:

  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      ...
      '@': resolve('src'), // your source folder
    }
  }

and then you can import:

import poetry from '@/components/poetry.vue'
import poetrycard from '@/components/poetrydetails/poetrycard.vue'
import poetrysearch from '@/components/poetrydetails/search.vue'

Related Query

More Query from same tag