如何在红木JS中使用MUI？

Question

我想在Redwood JS中安装MUI。但是当我在项目目录中运行命令时

yarn add @mui/material

控制台中出现了一个错误：

error Running this command will add the dependency to the workspace root rather than 
the workspace itself, which might not be what you want - if you really meant it, make 
it explicit by running this command again with the -W flag (or --ignore-workspace- 
root-check).

我一直在翻阅文件，但什么也找不到。

​

​

我检查了Redwiid JS中的命令，rw安装ui是添加ui库的命令。然而，这里只提到了尾风和脉轮。有办法将MUI添加为UI吗？

Answer 1

红木项目通常是作为单一项目创建的。来自他们的网站在本节下：

How it's Organized

Redwood将前端代码和后端代码放在一个monorepo中。

问题是，您可能是从项目的根运行yarn add @mui/material，而不是在前端(/web)项目中运行。

Answer 2

在顶层，我们有三个目录，api、脚本和web。Redwood在代码库中将后端(api)和前端(web)关注点划分为它们自己的路径。(纱线称这些为“工作区”。在红杉中，我们把它们称为“边”。)当您向前添加包时，需要指定它们应该进入的工作区。例如(不要运行这些命令，我们只是查看语法)：

yarn workspace web add marked
yarn workspace api add better-fs

在这种情况下，你只需要梅在前面：

yarn workspace web add @mui/material