如何构建ng2-material v0.8.1示例站点

Question

我想使用this文档在本地计算机上启动ng2-material this站点。首先，我使用angular-cli ng new myProject命令在本地创建了新项目。

但现在我不知道接下来该做什么？

文档说：

但是当我在myProject目录中执行grunt build-npm命令时出现Fatal error: Unable to find Gruntfile.错误。

编辑：

我试过了：

1. 克隆他们的存储库：https://github.com/justindujardin/ng2-material.git
2. cd ./ng2-material
3. 在根目录中运行npm install
4. 运行grunt build-npm
5. cd ./modules/site
6. 运行npm install
7. 运行服务

第7步

首先我将angular-cli降级为1.0.0.beta10因为ng2-material 0.8.1不希望与angular-cli 1.0.0.beta21合作。

ng-serve命令后的

问题（没有导出的mng＆＃39; MATERIAL_DIRECTIVES＆＃39;）：

The Broccoli Plugin: [BroccoliTypeScriptCompiler] failed with:
Error: Typescript found the following errors:
  /home/user/4learn/ng2-material/modules/site/tmp/broccoli_type_script_compiler-input_base_path-0tzJEdmQ.tmp/0/src/app/+components/components.component.ts (3, 9): Module '"/home/user/4learn/ng2-material/modules/site/node_modules/ng2-material/index"' has no exported mng 'MATERIAL_DIRECTIVES'

Answer 1

如果要在本地测试ng2-material示例，则应使用其project-source而不是创建新的自定义项目。

1. 克隆他们的存储库：git@github.com：justindujardin / ng2-material.git
2. cd ./ng2-material
3. 在根
中运行npm install
4. 运行grunt build-npm
5. cd ./modules/site
6. 运行npm install
7. 运行ng serve

如果您只想在自己的项目中使用ng2-material，请按照此处的说明进行操作：https://justindujardin.github.io/ng2-material/#/

安装ng2-material和material2核心库：

npm install --save ng2-material @angular2-material/core

然后导入材料指令和提供者

import {MATERIAL_DIRECTIVES, MATERIAL_PROVIDERS} from "ng2-material";

然后引用页面中的样式

<link rel="stylesheet" href="node_modules/ng2-material/ng2-material.css">
<link rel="stylesheet" href="node_modules/ng2-material/font/font.css">

如果您只想使用基本材料组件，则应查看此官方项目：https://github.com/angular/material2