在 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'。我有一种预感，这可能与React 17中新的JSX编译器有关。
   • 这个可以通过在文件顶部添加/** @jsxRuntime classic */来解决，但我更喜欢只打开经典编译器。这可能吗
2. Global CSS cannot be imported from files other than your Custom <App>
   • 这可以通过使用模块或在pages/_app中导入来解决。然而，我想关闭这个安全功能，保留遗留组件

问题：

1. 如何强制Next.js使用classicJSX编译器而不是新的automatic编译器
2. 如何关闭安全"；特征"；是否强制CSS仅导入到_app

Answer 1

这是通过将package.json 中的React依赖关系降级为16来解决的