คำถามติดแท็ก next.js

ฉันมีแอป react (แอพ A) สร้างขึ้นเมื่อประมาณ 2 ปีที่แล้วโดยใช้ create-react-app และมันถูกเปิดออก แอปถูกส่งออกเป็นโมดูล commonjs2 และจัดส่งในแพ็คเกจ NPM ที่จะใช้ในโครงการ next.js (แอป B) ทุกอย่างเป็นไปอย่างราบรื่นจนกระทั่งฉันอัปเดตแพ็กเกจบางตัวในแอพ A ซึ่งมีส่วนประกอบทั่วไปที่เราใช้ ข้อผิดพลาดเมื่อนำเข้าแอพ B เป็นหน้าต่างที่ไม่ได้กำหนดอาจเนื่องมาจาก SSR ฉันแก้ไขสิ่งนี้ในการกำหนดค่า webpack ของแอพ A โดยใช้ globalObject: 'this'ของแอปโดยใช้ ตอนนี้เมื่อฉันพยายามนำเข้าแอพ A ในแอพ B ข้อความแสดงข้อผิดพลาดคือ: TypeError: Cannot read property 'webpackJsonp' of undefined ผมถือว่าเป็นสิ่งที่บางแห่งพยายามโทรwindow['webpackJsonp']? ฉันได้ลองเปลี่ยน webpackJsonpFunction แล้ว แต่ตามที่คาดไว้มันจะพยายามหาคุณสมบัติอื่นที่ไม่ได้กำหนด ความช่วยเหลือใด ๆ …

16 reactjs  npm  webpack  next.js 

ฉันใหม่ในNext.jsและฉันสงสัยว่าจะเปลี่ยนเส้นทางจากหน้าเริ่มต้น ( / ) ไปยัง/ hello-nextjsได้อย่างไร เมื่อผู้ใช้โหลดหน้าและหลังจากนั้นกำหนดว่าเส้นทาง === / redirect ไปยัง/ hello-nextjs ในการตอบสนองเราเตอร์เราทำสิ่งที่ชอบ: <Switch> <Route path="/hello-nextjs" exact component={HelloNextjs} /> <Redirect to="/hello-nextjs" /> // or <Route path="/" exact render={() => <Redirect to="/hello-nextjs" />} /> </Switch>

15 html  reactjs  routing  react-router  next.js 

ฉันมีกรณีเมื่อฉันต้องรู้ว่าผู้ใช้เข้าสู่ระบบหรือไม่ก่อนที่จะได้รับการแสดงผลด้านเซิร์ฟเวอร์และส่งกลับมาให้ฉันโดยใช้ Next.js เพื่อหลีกเลี่ยงการเปลี่ยนแปลงวูบวาบใน UI ฉันสามารถหาวิธีป้องกันไม่ให้ผู้ใช้เข้าถึงบางหน้าได้ถ้าเขาเข้าสู่ระบบแล้วโดยใช้ส่วนประกอบ HOC นี้ ... export const noAuthenticatedAllowed = (WrappedComponent: NextPage) => { const Wrapper = (props: any) => { return <WrappedComponent {...props} />; }; Wrapper.getInitialProps = async (ctx: NextPageContext) => { let context = {}; const { AppToken } = nextCookie(ctx); if (AppToken) { const decodedToken: …

10 javascript  reactjs  typescript  next.js 

ฉันพยายามบีบอัดโค้ดที่เขียนด้วย Next.js โดยใช้ Gzip ส่งมอบกับเซิร์ฟเวอร์ Nginx และ NodeJS ดูเหมือนว่าการกำหนดค่าจะทำงานเมื่อฉันใช้curl -H "Content-Encoding: gzip"ในการตรวจสอบ แต่มาที่เบราว์เซอร์ตัวจริง (Chrome, Firefox) ฉันไม่พบContent-Encoding: gzipคุณสมบัติใน Response Headers แต่X-Content-Encoding-Over-Network: gzipปรากฏว่า ฉันใช้ Google Lighthouse เพื่อทดสอบว่าเป็นเว็บไซต์หรือไม่มันเป็นโทษฉันที่จะเปิดใช้งานการบีบอัดไฟล์ข้อความ จริงๆแล้วความX-Content-Encoding-Over-Networkหมายของอะไร ฉันจะทำให้ gzip ทำงานได้อย่างไร การตั้งค่า Nginx: gzip on; gzip_disable "msie6"; gzip_vary on; gzip_proxied any; gzip_comp_level 6; gzip_buffers 16 8k; gzip_http_version 1.0; gzip_types text/css text/plain text/javascript …

10 node.js  reactjs  nginx  gzip  next.js