错误:@ angular / material / material没有导出成员’MdButtonModule’

前端之家收集整理的这篇文章主要介绍了错误:@ angular / material / material没有导出成员’MdButtonModule’前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
从@ angular / material 2.0.0-beta.11升级到2.0.0-beta.12后出现以下错误

模块@ angular / material / material没有导出成员’MdButtonModule’.

打字稿代码

import { MdButtonModule } from '@angular/material';

发生了什么?

ERROR in c:/dev/my-proj/src/app/app-material/app-material.module.ts
(4,3): Module
‘”c:/dev/my-proj/node_modules/@angular/material/material”‘ has no
exported member ‘MdButtonModule’. ERROR in
c:/dev/my-proj/src/app/app-material/app-material.module.ts (5,3):
Module ‘”c:/dev/my-proj/node_modules/@angular/material/material”‘ has
no exported member ‘MdCardModule’. ERROR in
c:/dev/my-proj/src/app/app-material/app-material.module.ts (6,3):
Module ‘”c:/dev/my-proj/node_modules/@angular/material/material”‘ has
no exported member ‘MdCheckBoxModule’. ERROR in
c:/dev/my-proj/src/app/app-material/app-material.module.ts (7,3):
Module ‘”c:/dev/my-proj/node_modules/@angular/material/material”‘ has
no exported member ‘MdIconModule’. ERROR in
c:/dev/my-proj/src/app/app-material/app-material.module.ts (8,3):
Module ‘”c:/dev/my-proj/node_modules/@angular/material/material”‘ has
no exported member ‘MdOptionModule’. ERROR in
c:/dev/my-proj/src/app/app-material/app-material.module.ts (9,3):
Module ‘”c:/dev/my-proj/node_modules/@angular/material/material”‘ has
no exported member ‘MdProgressSpinnerModule’. ERROR in
c:/dev/my-proj/src/app/app-material/app-material.module.ts (10,3):
Module ‘”c:/dev/my-proj/node_modules/@angular/material/material”‘ has
no exported member ‘MdSelectModule’. ERROR in
c:/dev/my-proj/src/app/app-material/app-material.module.ts (11,3):
Module ‘”c:/dev/my-proj/node_modules/@angular/material/material”‘ has
no exported member ‘MdSidenavModule’. ERROR in
c:/dev/my-proj/src/app/app-material/app-material.module.ts (12,3):
Module ‘”c:/dev/my-proj/node_modules/@angular/material/material”‘ has
no exported member ‘MdToolbarModule’. ERROR in Error: MdButtonModule
is not an NgModule
at _getNgModuleMetadata (c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:140:15)
at _extractLazyRoutesFromStaticModule (c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:109:26)
at c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:129:27
at Array.reduce (native)
at _extractLazyRoutesFromStaticModule (c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:128:10)
at c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:129:27
at Array.reduce (native)
at _extractLazyRoutesFromStaticModule (c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:128:10)
at Object.listLazyRoutesOfModule (c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_impl.js:53:22)
at Function.NgTools_InternalApi_NG_2.listLazyRoutes (c:\dev\my-proj\node_modules\@angular\compiler-cli\src\ngtools_api.js:91:39)
at AotPlugin._getLazyRoutesFromNgtools (c:\dev\my-proj\node_modules\@ngtools\webpack\src\plugin.js:207:44)
at _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中的准则.

从2.0.0-beta.12开始,Md前缀已被删除,您应该在任何地方都使用Mat前缀.从2.0.0-beta.11的CHANGELOG开始:

For beta.11,we’ve made the decision to deprecate the “md” prefix
completely and use “mat” moving forward. This affects all class names,
properties,inputs,outputs,and selectors (CSS classes were changed
back in February). The “md” prefixes will be removed in the next beta
release.

从2.0.0-beta.12的CHANGELOG开始:

Breaking Changes
All “md” prefixes have been removed.

使用单个材料模块和使用Mat前缀查看此工作StackBlitz demo.

猜你在找的Angularjs相关文章