Module not found: Error: Can't resolve 'vue'

Problem

Error ini saya temui ketika menggunakan Vue versi terbaru yakni: 2.5.21, sedangkan di router menggunakan cara seperti berikut untuk meng-import component:

{
    path: '/dashboard',
    component: require('./views/Home.vue'),
    name: 'admin_dashboard',
    meta: {
        title: 'Dashboard'
    }
},

 

Solution

Solution: 1

Untuk mengatasinya, terdapat dua pilihan yang dapat digunakan, yang pertama dengan menggunakan import ES6:

import Home from './views/Home.vue'

{
    path: '/dashboard',
    component: Home,
    name: 'admin_dashboard',
    meta: {
        title: 'Dashboard'
    }
},

Atau jika kamu masih ingin menggunakan cara pertama, maka cukup tambahkan .default:

{
    path: '/dashboard',
    component: require('./views/Home.vue').default,
    name: 'admin_dashboard',
    meta: {
        title: 'Dashboard'
    }
},

 


Pilih Salah Satu Untuk Login


Facebook Google

Review Users