반응형
Failed to resolve component: swiper-slide
Failed to resolve component: swiper-container
swpier.js는 vue, react 버전 가이드를 따로 제공하는데 그대로 따라하다가 어느순간 보니 해당 버전들은 앞으로 버전에서는 삭제될테니 web component 형태로 쓰라고 하더라.
근데 자꾸 저 경고창이 뜨는데다 구글에서는 방법도 안나와서 발동동하다가 찾아냄.
1. vite 설정 변경
export default defineConfig(({ mode }) => {
return {
plugins: [
vue({
template: {
compilerOptions: {
isCustomElement: (tag) => tag === "swiper-container" || tag.startsWith("swiper-"),
},
},
}),
],
css: {},
resolve: {},
server: {},
};
});
vue.config.ts 혹은 vite.config.ts 파일에 가서 plugins의 vue()안에 template이하 코드를 넣어주면 된다.
이렇게 하면 컴파일할때 저친구는 검사(?) 건너뛰어서 경고창이 안뜨는듯.
'vite' 카테고리의 다른 글
[vite] 현재 폴더에 프로젝트 생성하기 (0) | 2024.11.08 |
---|---|
[vite]Uncaught ReferenceError: process is not defined (0) | 2024.07.18 |
[vite] font, image 폴더 build할 때 dist로 내보내기 (0) | 2024.06.19 |
[vite] 현재 폴더에 프로젝트 설치하기 (0) | 2024.06.18 |
[vite][최신방법] src경로를 @로 쉽게 쓰는 법 (0) | 2024.02.14 |