Compiling legacy components in Next.js (Can't resolve 'react/jsx-dev-runtime', Global CSS cannot be imported)

Question

我剛剛啟動了一個新的 Next.js 項目 (React v 17.0.1)。 我正在嘗試從遺留項目編譯和導入組件。 看到一些錯誤使事情正常工作：

1. Module not found: Can't resolve 'react/jsx-dev-runtime' 。 我有一種預感，這可能與React 17 中的新 JSX 編譯器有關。
   • 這可以通過在文件頂部添加/** @jsxRuntime classic */來解決，但我更願意只打開經典編譯器。 這可能嗎？
2. Global CSS cannot be imported from files other than your Custom <App>
   • 這可以通過使用模塊或導入pages/_app來解決。 但是，我想關閉此安全功能，讓遺留組件保持原樣。

問題：

1. 我怎樣才能強制 Next.js 使用classic的 JSX 編譯器而不是新的automatic編譯器
2. 如何關閉強制 CSS 僅導入到_app的安全“功能”？

Answer 1

這是通過在 package.json 中將 React 依賴項降級為 16 來解決的