I encountered an issue in my AngularJS application when running the command:
npm run build -- -prod
The error message I received was:
ERROR in ng:///home/directoryling/appname-play.component.html (173,41): The left-hand side of an arithmetic operation must be of type 'any', 'number' or an enum type.
The section of HTML code causing the error is as follows:
<div fxFlex="50" fxLayoutAlign="center center">
<h4><span class="value">{{incomeM}}</span>$</h4>
</div>
Line 173 is </div>, which is the last line in the code sample.
This is how 'incomeM' is assigned in the TypeScript code:
this.incomeM = this.householdControlService.getMonthlyIncome();
The 'getMonthlyIncome()' function returns a number.
My question pertains to whether it's normal for npm to throw such an error in this scenario, especially considering there are no arithmetic operations in the HTML code. Also, since the variable 'incomeM' is set as a number, do you have any suggestions on what could be done or what needs further investigation?
Note that I attempted removing the handlebar from 'incomeM' like so:
<div fxFlex="50" fxLayoutAlign="center center">
<h4><span class="value">incomeM</span>$</h4>
</div>
The intention here was to simply print "incomeM" instead of the variable incomeM. However, I still encountered the same error, but this time it was related to a previous element used in the HTML file.
For reference, here is the complete HTML file: