[Vue] SyntaxError: The requested module '/node_modules/lottie-web/build/player/lottie.js?v=b1d5819a' does not provide an export named 'default' (at lottie.vue:6:1)

2023. 9. 14. 15:20·개발일지/2023
반응형

흠.... vue2.7 + vite (windows 환경) 쓰고 있는데 vue-lottie 쓰려고 예제대로 다 했는데 계속 이 에러가 뜸

검색해도 방법을 모르겠고 미치겠네..... 같은 에러 고치신분 있으면 댓글 좀 달아주세요 ㅠㅠㅠㅠ

// package.json

{
  "name": "vue",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite --host",
    "build": "vite build",
    "preview": "vite preview",
    "storybook": "storybook dev -p 6006",
    "build-storybook": "storybook build",
    "chromatic": "npx chromatic --project-token=chpt_73c2a6ae86f47f9"
  },
  "dependencies": {
    "@vitejs/plugin-vue2": "^2.2.0",
    "lottie-web": "^5.12.2",
    "vue": "^2.7",
    "vue-lottie": "^0.2.1",
    "vue-router": "^3.6.5"
  },
  "devDependencies": {
    "@storybook/addon-essentials": "^7.3.2",
    "@storybook/addon-interactions": "^7.3.2",
    "@storybook/addon-links": "^7.3.2",
    "@storybook/addon-styling": "^1.3.6",
    "@storybook/blocks": "^7.3.2",
    "@storybook/testing-library": "^0.2.0",
    "@storybook/vue": "^7.3.2",
    "@storybook/vue-vite": "^7.3.2",
    "chromatic": "^6.23.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "sass": "^1.66.1",
    "storybook": "^7.3.2",
    "vite": "^4.4.9",
    "vue-template-compiler": "^2.7.14"
  },
  "readme": "ERROR: No README data found!",
  "_id": "vue@0.0.0"
}

 

참고 :  [Vue] 스위치 모양 Lottie json 파일 삽입하고 기능 추가하는 방법 | vue-lottie (velog.io)

반응형
저작자표시 비영리 변경금지 (새창열림)

'개발일지 > 2023' 카테고리의 다른 글

[Error] input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.  (0) 2023.11.24
이미지 최적화 Lazy Loading을 쉽게 구현하는 방법  (0) 2023.11.17
[모바일 해상도] 갤럭시 폴드4 viewport 사이즈, 모바일 해상도 확인하기  (3) 2023.11.15
[윈도우] 세로모니터 화면 분할 설정하기  (0) 2023.08.24
[Svelte] 스벨트 시작하기  (0) 2023.03.08
'개발일지/2023' 카테고리의 다른 글
  • 이미지 최적화 Lazy Loading을 쉽게 구현하는 방법
  • [모바일 해상도] 갤럭시 폴드4 viewport 사이즈, 모바일 해상도 확인하기
  • [윈도우] 세로모니터 화면 분할 설정하기
  • [Svelte] 스벨트 시작하기
zineeworld
zineeworld
2013년부터 마크업 개발을 하고 있습니다.
  • zineeworld
    zineeworld
    zineeworld
    • 전체보기 (447)
      • 지니월드 (150)
        • 회고 (8)
        • 경력 (33)
        • 경험 (39)
        • 공부 (22)
        • 수집 (27)
        • 단상 (16)
        • 장소 (5)
      • 개발일지 (297)
        • 2025 (3)
        • 2024 (9)
        • 2023 (10)
        • 2022 (1)
        • 2021 (11)
        • 2020 (29)
        • 2019 (10)
        • 2018 (21)
        • 2017 (10)
        • 2016 (91)
        • 2015 (95)
        • 2014 (7)
  • 블로그 메뉴

    • 글쓰기
    • 관리자
  • 전체
    오늘
    어제
  • 태그

    angular
    git
    회고
    react
    SVG
    깃
    웹접근성
    CSS
    htmlemail
    회돈내산
    널리
    오늘의영감
    zineepick
    팀장일기
    디자인시스템
    css-drawing
    회사일기
    리더의착각
    css-drawing-tutorial
    Mobile
  • hELLO· Designed By정상우.v4.10.2
zineeworld
[Vue] SyntaxError: The requested module '/node_modules/lottie-web/build/player/lottie.js?v=b1d5819a' does not provide an export named 'default' (at lottie.vue:6:1)
상단으로

티스토리툴바