fix: add basePath

next.config.mjs

@@ -2,6 +2,8 @@
 const nextConfig = {
   output: 'export',
   distDir: 'dist',
+  basePath: '/html',
+  assetPrefix: '/html/',
 };
 
 export default nextConfig;

src/app/download/page.tsx

@@ -31,13 +31,13 @@ export default function Download() {
                 className="w-[24px] h-[24px]"
                 width={24}
                 height={24}
-                src="/img/icon_dot.png"
+                src="img/icon_dot.png"
                 alt="dot"
               />
               选择在浏览器中打开
             </p>
           </div>
-          <Image className="w-[37px] h-[35px] mr-[3px]" width={37} height={35} src="/img/vector-2.svg" alt="arrow" />
+          <Image className="w-[37px] h-[35px] mr-[3px]" width={37} height={35} src="img/vector-2.svg" alt="arrow" />
         </div>
       )}
 

src/app/page.tsx

@@ -57,7 +57,7 @@ export default function Home() {
                 className="w-[36px] h-[36px] animate-bounce"
                 width={36}
                 height={36}
-                src="/img/index_Dropdown.svg"
+                src="img/index_Dropdown.svg"
                 alt="download"
               />
             </button>
@@ -71,7 +71,7 @@ export default function Home() {
               className="w-[165.24px] h-[46.44px] mt-[51.58px]"
               width={165.24}
               height={46.44}
-              src="/img/handwritten_white.svg"
+              src="img/handwritten_white.svg"
               alt="we are back"
             />
 
@@ -100,7 +100,7 @@ export default function Home() {
               width={299}
               height={451.61}
               unoptimized
-              src="/img/index_mockup.png"
+              src="img/index_mockup.png"
               alt="app preview"
             />
 
@@ -117,7 +117,7 @@ export default function Home() {
               >
                 官方微博
                 <span className="absolute top-[50%] right-[-24px] translate-y-[-50%]">
-                  <Image className="w-[24px] h-[24px]" width={24} height={24} src="/img/icon.svg" alt="arrow-right" />
+                  <Image className="w-[24px] h-[24px]" width={24} height={24} src="img/icon.svg" alt="arrow-right" />
                 </span>
               </Link>
             </p>
@@ -130,7 +130,7 @@ export default function Home() {
                   className="w-[24px] h-[24px] absolute top-[50%] right-[-24px] translate-y-[-50%]"
                   width={24}
                   height={24}
-                  src="/img/icon.svg"
+                  src="img/icon.svg"
                   alt="arrow-right"
                 />
               </span>
@@ -147,7 +147,7 @@ export default function Home() {
                 width={97.5}
                 height={97.5}
                 unoptimized
-                src="/img/index_QRCode.png"
+                src="img/index_QRCode.png"
                 alt="arrow-right"
               />
               <h5 className="text-[#ffffffb2] text-center text-[12px] leading-[18.8px]">雀乐公众号</h5>

src/components/AppLogo/index.tsx

@@ -4,14 +4,8 @@ export default function AppLogo(props: { className?: string }) {
   const cls = props.className || '';
   return (
     <div className={`flex flex-col items-center ${cls}`}>
-      <Image className="w-[90px] h-[90px]" width={90} height={90} src="/img/app_icon_white_bg.svg" alt="queyue" />
-      <Image
-        className="w-[122px] h-[24px] mt-[20px]"
-        width={122}
-        height={24}
-        src="/img/slogn.svg"
-        alt="独立 不独于世"
-      />
+      <Image className="w-[90px] h-[90px]" width={90} height={90} src="img/app_icon_white_bg.svg" alt="queyue" />
+      <Image className="w-[122px] h-[24px] mt-[20px]" width={122} height={24} src="img/slogn.svg" alt="独立 不独于世" />
     </div>
   );
 }

src/components/JournalAudioCtrlBtn/index.tsx

@@ -29,7 +29,7 @@ export default function JournalAudioCtrlBtn() {
         width={60}
         height={60}
         unoptimized
-        src="/img/icon_pause.png"
+        src="img/icon_pause.png"
         alt="play_pause"
         onClick={handleClick}
       />
@@ -38,7 +38,7 @@ export default function JournalAudioCtrlBtn() {
         width={60}
         height={60}
         unoptimized
-        src="/img/icon_play.png"
+        src="img/icon_play.png"
         alt="play_pause"
         onClick={handleClick}
       />

src/components/JournalBanner/index.tsx

@@ -13,13 +13,13 @@ export default function JournalBanner() {
       className="flex items-center w-full bg-[#000000f2] text-[#ffffffb2] text-[14px] py-[12px] px-[18px]"
       onClick={handleClick}
     >
-      <Image className="w-[28px] h-[28px]" width={28} height={28} src="/img/app_icon_white_bg.svg" alt="queyue" />
+      <Image className="w-[28px] h-[28px]" width={28} height={28} src="img/app_icon_white_bg.svg" alt="queyue" />
       <span className="flex-1 pl-[12px]">邀你一起来【雀乐】听歌</span>
       <Image
         className="w-[24px] h-[24px] mr-[-6px]"
         width={24}
         height={24}
-        src="/img/jourrnal_icon-5.svg"
+        src="img/jourrnal_icon-5.svg"
         alt="right-arrow"
       />
     </div>

src/components/JournalComment/index.tsx

@@ -22,7 +22,7 @@ export default function JournalComment({ journalInfo }: { journalInfo: any }) {
           width={24}
           height={24}
           unoptimized
-          src="/img/icon_comment.png"
+          src="img/icon_comment.png"
           alt="icon_comment"
         />
         {journalInfo && journalInfo.totalCommentReplyInt > 0 && (

src/components/MusicBanner/index.tsx

@@ -13,9 +13,9 @@ export default function MusicBanner() {
       className="flex items-center w-full bg-[#1d1d1d] text-[#ffffffb2] text-[14px] py-[12px] px-[18px] rounded-[6px] mt-[4px]"
       onClick={handleClick}
     >
-      <Image className="w-[28px] h-[28px]" width={28} height={28} src="/img/app_icon_white_bg.svg" alt="queyue" />
+      <Image className="w-[28px] h-[28px]" width={28} height={28} src="img/app_icon_white_bg.svg" alt="queyue" />
       <span className="flex-1 pl-[12px]">邀你一起来【雀乐】听歌</span>
-      <Image className="w-[24px] h-[24px]" width={24} height={24} src="/img/jourrnal_icon-5.svg" alt="right-arrow" />
+      <Image className="w-[24px] h-[24px]" width={24} height={24} src="img/jourrnal_icon-5.svg" alt="right-arrow" />
     </div>
   );
 }

src/components/MusicPanel/index.tsx

@@ -63,7 +63,7 @@ export default function MusicPanel() {
             width={60}
             height={60}
             unoptimized
-            src="/img/icon_pause_w.png"
+            src="img/icon_pause_w.png"
             alt="pause"
             onClick={togglePlay}
           />
@@ -72,7 +72,7 @@ export default function MusicPanel() {
             width={60}
             height={60}
             unoptimized
-            src="/img/icon_play_w.png"
+            src="img/icon_play_w.png"
             alt="play"
             onClick={togglePlay}
           />

src/components/SongItem/index.tsx

@@ -63,7 +63,7 @@ export default function SongItem(props: { data: ISong }) {
         width={24}
         height={24}
         unoptimized
-        src="/img/icon_song_dot.png"
+        src="img/icon_song_dot.png"
         alt="dot"
         onClick={handleBudsClick}
       />

src/components/WXComponent/WXShareBtn.tsx

@@ -94,7 +94,7 @@ export default function WXShareBtn() {
           className="w-[24px] h-[24px] mr-[6px]"
           width={24}
           height={24}
-          src="/img/index_weChatIcon.svg"
+          src="img/index_weChatIcon.svg"
           alt="wx-share"
         />
         <span>分享给好友</span>

tsconfig.json

@@ -1,6 +1,10 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -18,9 +22,19 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "dist/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }