vscode 代码angular 模板文件标红色波浪线,但是代码功能正常

angular 代码没问题 可以正常起来 但是模板文件标红提示X is not angular component 或者No pipe found with name ‘translate’。这其实是Angular Language Service搞的鬼。Angular Language Service是以@angular/language-service 和 typescript为后端,Angular Language Service需要和@angular/language-service 和 typescript的版本匹配。具体看匹配情况,需要 查阅Angular Language Service的github,地址是: Angular Language Service
https://github.com/angular/vscode-ng-language-service/releases?q=0.1.10&expanded=true 查看Angular Language Service历史发布版本
@angular/language-service是和Angular Language Service捆绑的,加载typescript需要确定根据以下优先级确认
1.The path specified by typescript.tsdk in project or global settings.
2.(Recommended) The version of typescript bundled with the Angular Language Service extension.
3.The version of typescript present in the current workspace’s node_modules.
We suggest not specifying typescript.tsdk in your VSCode settings per method (1) above. If the typescript package is loaded by methods (1) or (3), there is a potential for a mismatch between the API expected by @angular/language-service and the API provided by typescript. This could lead to a failure of the language service extension.

For more information, please see #594.
.
对于我的环境来说 我的@angular/language-service是5.2.11。typescript是2.5.3。Angular Language Service扩展本来选择的是0.1.8,测试下来发现扩展没用,怎么测试呢,通过点击看看模板中的函数是否可以跳转到组件中去,然后升级到0.1.9,还不行,最后升级到0.1.10,测试OK。

在这里插入图片描述

实践下来不需要修改tsconfig,不需要增加"angularCompilerOptions": {
“strictTemplates”: true
}
配置

vscode上安装低版本的Angular Language Service。
在这里插入图片描述

在这里插入图片描述

在搜索里查找指定版本然后安装。

参考一下文章:
1.https://gitcode.com/gh_mirrors/vs/vscode-ng-language-service/overview?utm_source=artical_gitcode&index=top&type=card&&isLogin=1
2.https://blog.youkuaiyun.com/gitblog_00809/article/details/143875437#:~:text=%E6%A3%80%E6%9F%A5%E6%A8%A1%E6%9D%BF%E8%AF%AD%E6%B3%95%EF%BC%9A%E7%A1%AE%E4%BF%9D%E6%A8%A1%E6%9D%BF%E4%B8%AD%E7%9A%84%20Angular%20%E8%AF%AD%E6%B3%95%E6%AD%A3%E7%A1%AE%E6%97%A0%E8%AF%AF%EF%BC%8C%E7%89%B9%E5%88%AB%E6%98%AF%E6%8C%87%E4%BB%A4%E5%92%8C%E7%BB%91%E5%AE%9A%E8%A1%A8%E8%BE%BE%E5%BC%8F%E3%80%82%20%E4%BD%BF%E7%94%A8%E4%B8%A5%E6%A0%BC%E6%A8%A1%E5%BC%8F%EF%BC%9A%E5%9C%A8%20tsconfig.json%20%E4%B8%AD%E5%90%AF%E7%94%A8%20strictTemplates,%E9%80%89%E9%A1%B9%EF%BC%8C%E4%BB%A5%E8%8E%B7%E5%BE%97%E6%9B%B4%E4%B8%A5%E6%A0%BC%E7%9A%84%E6%A8%A1%E6%9D%BF%E6%A3%80%E6%9F%A5%E3%80%82%20%22angularCompilerOptions%22%3A%20%7B%20%22strictTemplates%22%3A%20true%20%E6%9F%A5%E7%9C%8B%E9%94%99%E8%AF%AF%E4%BF%A1%E6%81%AF%EF%BC%9A%E6%A0%B9%E6%8D%AE%20VSCode%20%E4%B8%AD%E6%98%BE%E7%A4%BA%E7%9A%84%E9%94%99%E8%AF%AF%E4%BF%A1%E6%81%AF%EF%BC%8C%E9%80%90%E4%B8%80%E6%8E%92%E6%9F%A5%E5%B9%B6%E4%BF%AE%E6%AD%A3%E6%A8%A1%E6%9D%BF%E4%B8%AD%E7%9A%84%E9%97%AE%E9%A2%98%E3%80%82

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值