如何在本地运行 material-ui

Question

我正在尝试在本地运行 material-ui 文档。我下载了material-ui仓库

https://github.com/mui-org/material-ui/

npm 安装了吗

现在当我尝试运行它时，我收到以下错误

ERROR 编译失败，出现 5 个错误 11:06:22

未找到这些依赖项：

• ./packages/material-ui/src/styles/withStyles.js 中的 react-jss/lib/contextTypes
• ./packages/material-ui/src/styles/withStyles.js 中的 react-jss/lib/ns
• 在 ./packages/material-ui/src/styles/withStyles.js 中重构/getDisplayName
• 在 ./packages/material-ui/src/styles/withTheme.js、./packages/material-ui/src/styles/withStyles.js 中重构/wrapDisplayName

要安装它们，您可以运行： npm install --save react-jss/lib/contextTypes react-jss/lib/ns recompose/getDisplayName recompose/wrapDisplayName

正如我现在尝试运行时出现的错误状态 npm install --save react-jss/lib/contextTypes react-jss/lib/ns recompose/getDisplayName recompose/wrapDisplayName

我收到以下错误

• 要求我访问我无权访问的存储库
• npm 错误！无法从“react-jss\lib\contextTypes”安装，因为它不包含 package.json 文件。

如何让它在本地运行？

Answer 1

Material UI 文档是相当庞大的文档，不推荐在开发模式下启动。最好有一个生产版本并将其本地托管在您的 PC 上。

首先，克隆存储库。

git clone https://github.com/mui-org/material-ui.git
cd material-ui

使用 yarn 安装依赖项。

yarn

然后创建文档的优化生产版本。

yarn docs:build

然后在生产环境下部署构建。

yarn docs:start

您可以通过转到package.json 文件并查看scripts 对象来找到更多有用的命令。

Answer 2

Material UI 使用yarn workspaces 来管理多个包之间的依赖关系。要一次安装所有依赖项，您需要使用 yarn 而不是 npm。

如果您使用npm，您需要为packages/ 目录中的每个包运行npm install。

更多信息请参考 Material-UI 的contributing guidelines

要求

• 节点 >= 8.0
• 最新版 Yarn (how to install/upgrade)

在本地运行文档

1. 将存储库克隆到您的本地计算机。

$ git clone https://github.com/mui-org/material-ui.git
$ cd material-ui

2.安装依赖项

$ yarn

3.启动开发服务器

$ yarn docs:dev

这会以开发模式启动文档站点。对代码进行更改将热重新加载站点。

如果您对文档中的 TypeScript 文件进行更改，请在单独的终端中运行 yarn docs:typescript --watch。