2016-02-27 89 views
2

当前要在本地安装和运行material-ui文档,它需要两个npm install,一个在material-ui中,另一个在material-ui/docs中。如何在不安装material-ui的情况下安装Material-UI文档?

cd <project folder>/material-ui npm install cd <project folder>/material-ui/docs npm install

但我想使用文档的网站为起点,以创建自己的应用程序。我如何安装文档而无需安装整个材料-ui?我已经尝试将"material-ui": "^0.14.4",material-ui/package.json中的所有依赖关系添加到material-ui/docs/package.json

与此,npm install不抱怨什么,但当我做npm run startnpm run browser:development,它不起作用。相反,它会吐出大量的错误信息(参见下面的部分内容)。

ERROR in ../src/table/table-header-column.jsx Module build failed: ReferenceError: Unknown plugin "transform-replace-object-assign" specified in "/home/ubuntu/repos/tutorials/mui/.babelrc" at 0, attempted to resolve relative to "/home/ubuntu/repos/tutorials/mui" .....

请指教!谢谢。

回答

2

在本回购协议中,我已经从父母MUI嘲笑了MUI-Docs网站:https://github.com/lmaccherone/material-ui-template

除了除去在母体材料的UI的依赖性,它具有以下优点:左导航菜单的

  • DRY和正的水平。要添加/修改原始MUI文档的左侧导航栏,您不得不修改不少于三个不同的源文件。此模板将根据app-routes.js 自动调整左侧导航栏,包括深层次的n层。

  • 项目中的自定义主题。 MUI被设计成可编辑的,并带有两个不错的主题,但它不是立即显而易见的,如何在所有组件的上下文中激活自定义主题。 “主题”页面现在有三个 主题,默认为自定义主题,所以如果您删除主题页面,它将以您的主题而不是其中一个预建的主题启动,而不是 。只需修改customBaseTheme.js。我还修改了许多组件和页面以使用主题。有很多地方内联设置不尊重主题颜色和间距。

  • Highcharts。有一个示例图表页面使用Highcharts和react-highcharts。

  • 高级表。它包含一个呈现表格的组件,您可以点击列来完成排序。

请注意,该回购有两个特定于Pendo(我正在使用的公司)的页面。除非您拥有Pendo权限,否则他们将无法正确呈现,但您可以通过删除该名称的文件夹并从app-routes.js中删除它的路线,轻松删除这两个页面。我打算清理它,并将Pendo特定的东西移到它自己的回购站中,但这里以它作为示例更容易。

+0

非常感谢您的帮助。我继续克隆你的repo,npm安装它,一切都很顺利,除非我运行'npm run browser:development',我得到以下错误:'错误在找不到模块'babel-runtime/helpers/interop-require'@ multi main'。我在Ubuntu 14上做了这个。带有nodejs v5.7.0和npm v3.6.0的04LTS。我当然没有react.native,但是如果我只是在执行'npm run browser:development',它不应该引起问题(当我遵循mui指令并且安装了整个东西时没有问题。 – realbug

+0

对不起我认为这不是你的问题,但是AdvancedTable组件仍然是一个正在进行的工作,所以我只是推了一些避免崩溃的东西,我会研究丢失的模块问题。 –

+0

我不能复制你的特定问题,我使用的是node.js v5.1.1,但是我只是用v0.12.1试过,并没有在那里失败,所以我不认为v3.6.0是这个问题。 –

相关问题