درود...
در بخش router می خواهیم از طریق Nested Routes صفحات رو مسیردهی کنیم, ولی مشکلی وجود داره صفحات رو نمی شناسه ...
کد زیر:
{ path: '/', component: require('../view/layout/Layout').default, children: [ { path: '', component: require('../view/Home').default, name: 'home' }, { path: 'post/:slug', component: require('../view/Post/PostShow').default, name: 'post-show' }, ] },
خطای زیر:
ERROR in ./resources/js/view/layout/Layout.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/view/layout/Layout.vue?vue&type=script&lang=js&) Module not found: Error: Can't resolve '../components/Navigationdrawer' in '/home/cytus/Desktop/discuss/resources/js/view/layout' @ ./resources/js/view/layout/Layout.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/view/layout/Layout.vue?vue&type=script&lang=js&) 11:0-62 16:22-38 @ ./resources/js/view/layout/Layout.vue?vue&type=script&lang=js& @ ./resources/js/view/layout/Layout.vue @ ./resources/js/router/router.js @ ./resources/js/app.js @ multi ./resources/js/app.js ./resources/sass/app.scss
روش ../ و @/ امتحان کردم کار نکرد....
درست شد...
import Navbar from "../../components/Navbar"; import Navigationdrawer from "../../components/Navigationdrawer";
درود بر شما مشکل شما در عدم شناسایی Navigationdrawer هست که احتمالا در کامپونتت های روت تعریف کردید
@hesammousavi
در فایل layout.vue استفاده شده...
کد زیر:
<template> <div> <navbar @show-navigation="drawer = true"></navbar> <navigationdrawer :drawer="drawer"></navigationdrawer> <router-view></router-view> </div> </template> <script> import Navbar from "../components/Navbar"; import Navigationdrawer from "../components/Navigationdrawer"; export default { name: "Layout", components: { Navbar, Navigationdrawer }, data() { return { drawer: false, } } } </script> <style> </style>
عکس زیر:
درست شد...
import Navbar from "../../components/Navbar"; import Navigationdrawer from "../../components/Navigationdrawer";
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟