如何在 Remix 中使用图形组件库（例如 Material UI、Prime React）？

Question

我正在使用Remix作为框架创建新项目，我想集成Material UI和Prime React等图形组件库。将这些库合并到 Remix 项目中的建议步骤是什么？是否有任何特定的配置或注意事项需要记住？我非常感谢具有 Remix 和这些 UI 库经验的开发人员提供的任何指导或示例。

错误：目录导入'C：\ Users \ user \ Desktop \ Projects \ Pet 项目\GrossbuxApp\grs-app ode_modules@mui\material\Stack' 不是 支持解析从以下位置导入的 ES 模块 C：\用户\用户\桌面\项目\宠物 项目\GrossbuxApp\grs-app uild\index.js

尝试在 Remix 项目中使用 Material UI/Prime React 组件时遇到上述错误。该错误消息表明与 Stack 组件相关的 ES 模块解析存在问题。有没有人遇到过类似的问题，或者可以提供解决 Remix 框架中这个特定错误的见解？预先感谢您的协助。

我按照文档中的示例进行操作：

• https://github.com/mui/material-ui/tree/master/examples/material-ui-remix-ts
• https://github.com/primefaces/primereact-examples/tree/main/remix-run-basic

Answer 1

通过切换到 Vite.js 而不是默认的 Remix 捆绑器来解决。

更多详情：

• https://github.com/remix-run/remix/issues/7907#issuecomment-1919141635
• https://remix.run/docs/en/main/future/vite#vite-unstable