Angular NgModel根本不起作用:Object...不是函数 这是错误 TL; DR

问题描述

Angular NgModel根本不起作用:Object(...) is not a function

即使仅在输入上输入ngModel也会破坏我的运行时。 我还记得import FormsModule吗?是。在我的#form="ngForm"上放<form>没问题。非常令人沮丧-浪费了很多时间。

这是错误

ERROR TypeError: Object(...) is not a function
    at _isAndroid (VM19326 taskpane.js:62091)
    at new DefaultValueAccessor (VM19326 taskpane.js:62144)
    at createClass (VM19326 taskpane.js:55008)
    at createDirectiveInstance (VM19326 taskpane.js:54849)
    at createViewNodes (VM19326 taskpane.js:56307)
    at callViewAction (VM19326 taskpane.js:56741)
    at execComponentViewsAction (VM19326 taskpane.js:56650)
    at createViewNodes (VM19326 taskpane.js:56335)
    at createEmbeddedView (VM19326 taskpane.js:56184)
    at callWithDebugContext (VM19326 taskpane.js:57621)

解决方法

答案

在上下搜索之后,我遇到了this issue,它指向我看我的package.json。我在那里没有发现与该问题相关的任何内容,但是没有注意到的是,当我所有其他Angular版本均为@angular/forms@10.n.n时,我已经安装了^5.2.9 。这是因为我手动安装了npm软件包,因为我正在使用Microsoft Word“加载项”应用程序-而Word CLI / Yeoman 未安装@angular/forms为您 。这导致不匹配,我相信在任何环境下都可能发生。

TL; DR

package.json
"@angular/core": "^5.2.9","@angular/forms": "^10.n.n"