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