vue3
-
[vue-router] This dependency was not found: ~~ in ./src/router/routes.ts[프로그래밍 | 개발]/[error 맛집] 2021. 9. 6. 17:14
이 에러는 기본적으로 라우트에 컴포넌트를 import 할 때 오타가 있을 경우 많이 발생하는 에러이다. 하지만 이번에는 import 주소, 이름 모두 정확했는데도 에러가 났다.(웹팩 버그로 추정) 브라우저에서 확인해봐도 해당 컴포넌트 vue 파일 자체가 안불러와져있음. 해결방법. 1. npm run serve 를 한 상태로 2. 해당 컴포넌트 vue 파일의 이름을 변경, 라우트에 import 한 이름도 변경 한 후 No issues found가 되면 3. 원래 쓰려던 컴포넌트 이름으로 다시 바꾼다. 그럼 해결됨
-
[vue-router] 없는 url 접근 방지, 빈 화면[프로그래밍 | 개발]/[vue] 2021. 8. 26. 16:18
vue 3 vue-router 4 기본적으로 많이들 쓰는 방법이 route 만들 때 { path: '/:catchAll(.*)', name: 'notFound', component: ErrorPage } 이와 같은 방법을 많이 쓰는데, 이렇게 하면 { path: '/snack', component: LayoutComponent, children: [ { path: 'eat', name: 'eatSnack', component: EatSnack } ] } 이런 식으로 칠드런 패스가 정의 되어 있을 때 'www.mainDmain.com/snack' 이런 식으로 children은 있지만 하위'/' 에 대한 컴포넌트가 정의되지 않은 url 은 빈 화면이 뜬다 이 때 router의 beforeEach를 써서 해결..