在 Next.js 中编译遗留组件（无法解析 'react/jsx-dev-runtime'，无法导入全局 CSS）

Question

我刚刚创建了一个新的 Next.js 项目（React v 17.0.1）。我正在尝试从遗留项目中编译和导入组件。看到一些错误让事情正常工作：

1. Module not found: Can't resolve 'react/jsx-dev-runtime'。我有一种预感，这可能与new JSX compiler in React 17 有关。
   • 可以通过将/** @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 解决了这个问题