html - Angular 未检测到模板中的更改
问题描述
在组件(html)的模板文件中更改某些内容时,网络浏览器不会重新加载,但是当我在打字稿中编辑某些内容并保存网络浏览器所做的更改时。目前我需要在打字稿中使用保存操作(不取决于是否对其进行更改)以使浏览器重新加载以显示 html 更改。
角度版本:
Angular CLI: 12.1.1
Node: 14.16.0
Package Manager: npm 7.19.1
OS: win32 x64
Angular: 12.1.1
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, material, platform-browser, platform-browser-dynamic
... router
Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1201.1
@angular-devkit/build-angular 12.1.1
@angular-devkit/core 12.1.1
@angular-devkit/schematics 12.1.1
@ngtools/webpack 12.1.1
@schematics/angular 12.1.1
rxjs 7.1.0
typescript 4.3.5
tsconfig.json:
/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"moduleResolution": "node",
"importHelpers": true,
"target": "es2015",
"module": "es2020",
"lib": [
"es2018",
"dom"
]
}
}
包.json
{
"name": "project",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~10.2.4",
"@angular/common": "~10.2.4",
"@angular/compiler": "~10.2.4",
"@angular/core": "~10.2.4",
"@angular/forms": "~10.2.4",
"@angular/platform-browser": "~10.2.4",
"@angular/platform-browser-dynamic": "~10.2.4",
"@angular/router": "~10.2.4",
"rxjs": "~6.6.0",
"tslib": "^2.0.0",
"zone.js": "~0.10.2"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.1002.3",
"@angular/cli": "~10.2.3",
"@angular/compiler-cli": "~10.2.4",
"@types/node": "^12.11.1",
"@types/jasmine": "~3.5.0",
"@types/jasminewd2": "~2.0.3",
"codelyzer": "^6.0.0",
"jasmine-core": "~3.6.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~5.0.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~3.0.2",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
"protractor": "~7.0.0",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~4.0.2"
}
}
解决方案
看起来你只需要在你的文件中设置"compileOnSave"
为等于。true
tsconfig.json
推荐阅读
- reactjs - TypeError:即使有条件地显示错误,errors.map 也不是函数
- php - 如何在php中的表单和数据库之间建立连接?
- javascript - 检查元素是否具有某个类并属于包含某个值的表单
- google-sheets - 有条件地更改 Google 表格中的文本
- if-statement - DAX 表达式 - 根据“时间”列中的时间确定“移位”列中的移位
- list - 在差异列表上执行成员检查,但是如何?
- r - 通过新功能传递图形参数
- elixir - Elixir 的 :binary.bin_to_list 原子无法正常工作
- python - 在命令提示符中安装 Tensorflow 时如何解决超时错误
- android - 毕加索中的 SSLHandshakeException(连接被对等方关闭),同时显示来自 firebase 存储的图像