模块@ 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)
从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.