Angular6 Материальный вопрос дизайна

Question

Я работаю над angular6.Недавно установил библиотеки, относящиеся к угловому материалу, и импортировал его в соответствующие файлы, как в style.css:

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

в app.module.ts он импортирован и в app.component.html он также

<md-checkbox>subscribe</md-checkbox>

но на фронте я получаю пустой экран и в консоли я получаю ошибку:

Uncaught TypeError: Object(...) is not a function
    at platform.es5.js:102
    at Module../node_modules/@angular/cdk/esm5/platform.es5.js (platform.es5.js:104)
    at __webpack_require__ (bootstrap:78)
    at Module../node_modules/@angular/cdk/esm5/a11y.es5.js (a11y.es5.js:1)
    at __webpack_require__ (bootstrap:78)
    at Module../node_modules/@angular/material/esm5/checkbox.es5.js (checkbox.es5.js:1)
    at __webpack_require__ (bootstrap:78)
    at Module../src/app/app.module.ts (app.component.ts:8)
    at __webpack_require__ (bootstrap:78)
    at Module../src/main.ts (main.ts:1)

Answer 1

Похоже, вы путаете Материал для AngularJS и Angular.

Я думаю, вы должны использовать это: <mat-checkbox>Subscribe</mat-checkbox> вместо md-checkbox.

Answer 2

Я решил проблему (давно), добавив стили в angular.json, а не в styles.scss:

"styles": [
    "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
    "src/sass/styles.scss"
],