Question

我正在尝试将Ionic 3与Angular Material集成并运行，但未能做到这一点。 ... 任何人都可以告诉我如何向Ionic添加第三方。以及如何在Ionic Framework中运行Angular Material。 ..... 我所做的是以下内容：

-我安装了@angular/material, @angular/cdk和@angular/animations。

-在配置文件夹中添加copy.config.js文件 与以下::

copyMaterialThemeCSS：{ src：['{{ROOT}}/node_modules/@angular/material/prebuilt-themes/indigo-pink.css']， dest：'{{WWW}} / assets'}

-在Package.json中编辑添加以下内容：

“配置”：{ “ ionic_copy”：“ ./config/copy.config.js”}

-in Index.html我添加了这一行：

<link href="assets/indigo-pink.css" rel="stylesheet">

-最后，当从Angular Material中添加任何组件时，出现此错误：

TypeError: Object(...) is not a function
    at http://localhost:8100/build/vendor.js:138867:128
    at Object.<anonymous> (http://localhost:8100/build/vendor.js:138869:2)
    at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30)
    at Object.<anonymous> (http://localhost:8100/build/vendor.js:135975:76)
    at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30)
    at Object.<anonymous> (http://localhost:8100/build/vendor.js:147347:81)
    at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30)
    at Object.218 (http://localhost:8100/build/main.js:116:82)
    at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30)
    at Object.195 (http://localhost:8100/build/main.js:96:70)

...

先谢谢您

Answer 1

我遵循了youtube的回答，并解决了我的问题：

检查package.json是否具有Angular Material和Angular CDK软件包的以下条目： -“ @ angular / cdk”：“ ^ 5.2.4”， -“ @ angular / material”：“ ^ 5.2.4” 如果您看到的版本高于5.2.4并且使用的是Angle 5，请尝试使用这些命令将其“降级” => npm卸载@ angular / material-保存然后 npm install @ angular / material @ 5.2.4-保存和用于CDK ：=> npm卸载@ angular / cdk --save，然后npm install @ angular / cdk @ 5.2.4 --save

如何整合离子3和角材料？

1 个答案: