Angular NgModel Does Not Work At All: Object(...) is not a function

Question

Angular NgModel Does Not Work At All: `Object(...) is not a function`

Even just having ngModel on an input was crushing my runtime. Did I remember to import the FormsModule? Yes. Having #form="ngForm" on my <form> wasn't a problem. Very frustrating -- wasted so much time.

Here's the Error

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)

Cody · Accepted Answer · 2020-09-23 17:56:06Z

0

Answer

After searching high and low, I came across this issue which pointed me to look at my package.json. I didn't see anything related to the issue there, but what I did notice was that I had installed @angular/[email protected] when all of my other Angular versions were ^5.2.9. This is because I installed the npm package manually because I'm working on a Microsoft Word "Add-Ins" app -- and the Word CLI / Yeoman does not install @angular/forms for you. This led to a mismatch, which I'm sure can happen in any environment.

TL;DR

package.json

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

answered Sep 23, 2020 at 17:56

Cody

10.1k4 gold badges65 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular NgModel Does Not Work At All: Object(...) is not a function