如何將 libs 中的 react 庫中的 css 文件導入 nx 集成 monorepo 中的 next.js 應用程序？

Question

任何人都可以幫助 nx next.js 項目中的資產配置。 我有多個庫和一個 next.js 項目。 我有兩個問題

1. 其中一些庫從 node_modules 導入了 .css 文件，但由於全局 css 沖突而構建失敗
2. 如何從 libs 導出 css 文件並在主要應用程序中使用它

Answer 1

對於第一個問題，next 13.0.3 似乎導致從 node_modules 導入的 global.css 由於全局 css 沖突約束而失敗。 根據我的發現，只有當 import 語句在 lib 中時才會發生。 如果直接在nextjs頁面導入，則構建成功。

臨時修復：

• 將 nextjs 降級到 13.0.2 或
• 改為在應用程序中導入全局 css

https://github.com/vercel/next.js/releases/tag/v13.0.3 #42615

似乎（不確定）這是導致NX lib導入全局css在nextjs中失敗的罪魁禍首。 https://github.com/vercel/next.js/pull/42615