问题描述
从@angular/material 2.0.0-beta.11 升级到 2.0.0-beta.12 后出现以下错误:
Error below arose after upgrading from @angular/material 2.0.0-beta.11 to 2.0.0-beta.12:
模块 @angular/material/material 没有导出成员MdButtonModule".
Module @angular/material/material has no exported member 'MdButtonModule'.
打字稿代码:
import { MdButtonModule } from '@angular/material';
发生了什么?
错误在 c:/dev/my-proj/src/app/app-material/app-material.module.ts(4,3):模块'"c:/dev/my-proj/node_modules/@angular/material/material"' 没有导出成员MdButtonModule".错误在c:/dev/my-proj/src/app/app-material/app-material.module.ts (5,3):模块 '"c:/dev/my-proj/node_modules/@angular/material/material"' 有没有导出成员MdCardModule".错误在c:/dev/my-proj/src/app/app-material/app-material.module.ts (6,3):模块 '"c:/dev/my-proj/node_modules/@angular/material/material"' 有没有导出成员MdCheckboxModule".错误在c:/dev/my-proj/src/app/app-material/app-material.module.ts (7,3):模块 '"c:/dev/my-proj/node_modules/@angular/material/material"' 有没有导出成员MdIconModule".错误在c:/dev/my-proj/src/app/app-material/app-material.module.ts (8,3):模块 '"c:/dev/my-proj/node_modules/@angular/material/material"' 有没有导出成员MdOptionModule".错误在c:/dev/my-proj/src/app/app-material/app-material.module.ts (9,3):模块 '"c:/dev/my-proj/node_modules/@angular/material/material"' 有没有导出成员MdProgressSpinnerModule".错误在c:/dev/my-proj/src/app/app-material/app-material.module.ts (10,3):模块 '"c:/dev/my-proj/node_modules/@angular/material/material"' 有没有导出成员MdSelectModule".错误在c:/dev/my-proj/src/app/app-material/app-material.module.ts (11,3):模块 '"c:/dev/my-proj/node_modules/@angular/material/material"' 有没有导出成员MdSidenavModule".错误在c:/dev/my-proj/src/app/app-material/app-material.module.ts (12,3):模块 '"c:/dev/my-proj/node_modules/@angular/material/material"' 有没有导出成员MdToolbarModule".错误中的错误:MdButtonModule不是 NgModule在 _getNgModuleMetadata (c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:140:15)在 _extractLazyRoutesFromStaticModule (c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:109:26)在 c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:129:27在 Array.reduce(本机)在 _extractLazyRoutesFromStaticModule (c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:128:10)在 c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:129:27在 Array.reduce(本机)在 _extractLazyRoutesFromStaticModule (c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:128:10)在 Object.listLazyRoutesOfModule (c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:53:22)在 Function.NgTools_InternalApi_NG_2.listLazyRoutes (c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_api.js:91:39)在 AotPlugin._getLazyRoutesFromNgtools (c:\dev\my-proj\node_modules\@ngtools\webpack\src\plugin.js:207:44)在 _donePromise.Promise.resolve.then.then.then.then.then (c:\dev\my-proj\node_modules\@ngtools\webpack\src\plugin.js:443:24)
推荐答案
你必须包含 MatButtonModule 而不是 MdButtonModule.您还必须更新模板中的前缀，即 md-button 现在应该是 mat-button.要更新整个应用中的前缀，请遵循此 Prefix Updater 中的指南.
You have to include MatButtonModule instead of MdButtonModule. You will also have to update the prefix in your template i.e. md-button should now be mat-button. To update the prefix in your entire app, follow the guidelines in this Prefix Updater.
自 2.0.0-beta.12 起，Md 前缀已被删除，您应该在任何地方使用 Mat 前缀.来自 2.0.0-beta.11 的变更日志:
Since 2.0.0-beta.12 the Md prefix has been removed and you should use Mat prefix everywhere. From the CHANGELOG of 2.0.0-beta.11:
对于 beta.11，我们决定弃用md"前缀完全并使用垫子"前进.这会影响所有类名，属性、输入、输出和选择器(CSS 类已更改二月份回来).md"前缀将在下一个测试版中删除发布.
来自 2.0.0-beta.12 的 >CHANGELOG:
And from the CHANGELOG of 2.0.0-beta.12:
重大变化删除了所有md"前缀.
看到这个工作 StackBlitz 演示 带有单独的材料模块并使用 Mat 前缀.
See this working StackBlitz demo with individual material modules and using Mat prefix.
这篇关于错误:@angular/material/material 没有导出成员“MdButtonModule"的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！