<div id="readability-page-1" class="page"><div><p data-ke-size="size16">흠.... vue2.7 + vite (windows 환경) 쓰고 있는데 vue-lottie 쓰려고 <a href="https://velog.io/@eunjin/Vue-Lottie-%EC%8A%A4%EC%9C%84%EC%B9%98-%EB%AA%A8%EC%96%91-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EC%82%BD%EC%9E%85%ED%95%98%EA%B3%A0-%EC%8B%A4%ED%96%89%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95" target="_blank" rel="noopener">예제</a>대로 다 했는데 계속 이 에러가 뜸</p>
<p data-ke-size="size16">검색해도 방법을 모르겠고 미치겠네..... 같은 에러 고치신분 있으면 댓글 좀 달아주세요 ㅠㅠㅠㅠ</p>
<figure data-ke-mobilestyle="widthOrigin" data-origin-width="1356" data-origin-height="495"><span data-url="https://blog.kakaocdn.net/dn/meAz2/btstWLtZ637/Q66YITikJPJmoGvs2kUFaK/img.png" data-lightbox="lightbox"><img src="https://blog.kakaocdn.net/dn/meAz2/btstWLtZ637/Q66YITikJPJmoGvs2kUFaK/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-origin-width="1356" data-origin-height="495"></span></figure>

<pre id="code_1694672661489" data-ke-language="javascript" data-ke-type="codeblock"><code>// 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"
}</code></pre>

<p data-ke-size="size16"><b>참고</b> :&nbsp; <a href="https://velog.io/@eunjin/Vue-Lottie-%EC%8A%A4%EC%9C%84%EC%B9%98-%EB%AA%A8%EC%96%91-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EC%82%BD%EC%9E%85%ED%95%98%EA%B3%A0-%EC%8B%A4%ED%96%89%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95">[Vue] 스위치 모양 Lottie json 파일 삽입하고 기능 추가하는 방법 | vue-lottie (velog.io)</a></p></div></div>

zineeworld

흠.... 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)

[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)