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 来解决的