Я новичок в Vue и пытаюсь создать многостраничное веб-приложение с Vue для практики. Но у меня есть эта проблема ниже:
Failed to compile.
./src/index/views/Home.vue?vue&type=script&lang=js& (./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/index/views/Home.vue?vue&type=script&lang=js&)
Module not found: Error: Can't resolve '@/components/HelloWorld.vue' in '/home/Username/Web/wk_front_end/src/index/views'
Вот дерево файлов моего проекта, каждый файл создается Vue, потому что я хочу только протестировать многостраничность, поэтому я думаю, что это не так. Это не проблема кодирования.
Вот что я сделал:
Я создал папку под названием index в папке src, затем я перемещаю все файлы и папки, которые изначально находились в src, в index, потому что я sh components и assets используются только на соответствующей странице.
Мой vue.config.js:
module.exports = {
pages: {
index: {
entry: "src/index/main.js",
template: "src/index/index.html",
filename: "index.html",
title: "Index Page"
},
}
}
Когда я пытаюсь запустить его, я получаю указанную выше ошибку в окне chrome. И на самом деле ошибка:
Я думаю, что это может быть вызвано отсутствием конфигураций, но я действительно не могу понять, какие другие конфигурации я нужно.
У кого-нибудь раньше была подобная проблема? Кто-нибудь знает как это решить? Или у кого-нибудь есть успешный многостраничный пример, на который я мог бы взглянуть?
На самом деле спасибо за помощь.