ค้นหาเว็บไซต์

typescript - Next.JS 13 หน้าจอโหลด - พร้อมสำหรับการผลิตหรือยัง?


ฟังก์ชันการทำงานของ UI การโหลดของ Next 13 พร้อมใช้งานสำหรับการผลิตหรือยัง? ผมไม่สามารถทำให้มันทำงานบน Vercel และ Netlify ได้ ผมยังไม่ได้อ่านอะไรอย่างเป็นทางการที่บอกว่าสิ่งนี้จะไม่ทำงานบนแพลตฟอร์มใด ๆ ผมสามารถทำให้มันทำงานได้ในเครื่องด้วย next dev ผมสามารถเห็น UI การโหลดขณะที่ CSS และแอสเซ็ตอื่น ๆ โหลดเข้าสู่หน้ามา อย่างไรก็ตามเมื่อผมใช้กระบวนการสร้างของ Netlify และ Vercel ร่วมกับ Github Actions เพื่อเซ็ตอัพและรันเว็บไซต์ ทั้งสองตัวไม่แสดง UI การโหลดในขณะที่ CSS และแอสเซ็ตอื่น ๆ โหลดเข้าสู่หน้า ผมสามารถเห็นข้อความบนหน้าได้เพียงเสี้ยววินาทีในขณะที่ CSS โหลดโดยไม่มีสไตล์ใด ๆ

เพื่อทราบ: ฉันกำลังทำสิ่งนี้ด้วย TypeScript

สรุป :

การรัน next dev ในเครื่องทำงานตามที่คาดไว้

การรันบน Vercel หรือ Netlify ด้วย next build จะไม่ทำงาน

ฉันเข้าใจว่า Next 13 อยู่ในเวอร์ชันเบต้าและไม่ใช่ทุกฟีเจอร์ที่จะใช้งานได้ แค่กำลังหาการยืนยันหรือวิธีแก้ปัญหาเฉพาะ

เวอร์ชันถัดไป: ^13.1.6

การตั้งค่าถัดไป:

/** @type {import('next').NextConfig} */
const nextConfig = {
  experimental: {
    appDir: true,
  },
};

module.exports = nextConfig;