问题标签 [angular-language-service]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1119 浏览

visual-studio-code - Angular 语言服务在一个项目中工作,但不在另一个项目中

我有两个 Angular 项目,在单独的 VS Code 实例中打开。

  • 在其中一个项目中,模板中的自动完成和点击跟随工作得很好。
  • 另一方面,它根本不起作用。

在此处输入图像描述

看在上帝的份上,我无法弄清楚这些项目之间的区别是什么。tsconfig.json 在两者中完全相同。一个是角度 8.1,另一个是 8.0(8.0 是工作的)。

任何想法在这里发生的事情,一般来说,如何调试这种问题,将不胜感激!

0 投票
1 回答
940 浏览

angular - Angular 语言服务无法解析 vscode 中管道调用的签名

当我将模块导入另一个项目时,我有一个 Angular 库项目,我收到一个错误提示:pipesModule在vs代码Unable to resolve signature for pipe invocation中,它仍然有效,构建没有错误,但我不知道如何修复它,我得到了这么多红线...

现在,升级后错误提示发生了变化,如下所示: Unable to resolve signature for call of pipeName,但我认为这意味着同样的事情

每个管道都会出现这个错误,我受不了红线...,但是可以通过webstorm解决。

错误提示截图

仅此而已,有什么问题?

角库项目

  • 隐藏电话.pipe.ts
  • 管道模块.ts
  • 索引.ts
  • public_api.ts

问题项目

  • 我的common.module.ts
  • app.module.ts
  • some.component.html
0 投票
2 回答
480 浏览

angular - 共享库管道显示为在 vscode 中找不到

我添加了一个带有管道 ( RemoveUnderscorePipe) 的新共享库。我正在使用库一个角度应用程序。使用该库的应用程序可以编译并且运行良好。问题是在 vs-code 中使用管道的所有模板中都存在错误: 在此处输入图像描述

这使开发人员的体验变得不那么愉快,并且对管道名称进行定义也不起作用。

我发现了一个类似的问题: Unable to resolve signature for pipe invocation in vscode by Angular Language Service 并且尝试了建议的解决方案但没有成功。

如何让 vscode 识别库。谢谢。

0 投票
1 回答
385 浏览

angular - Ngrx-Component / VSCode - 嵌入式模板上的任何指令都没有使用属性绑定ngrxLet

我无法在任何项目中使用ngrx/component,因为它继续给我“嵌入模板上的任何指令都没有使用属性绑定ngrxLet。确保属性名称拼写正确,并且所有指令都列在“@NgModule。声明“.ng”错误。

它确实有效,但由于某种原因,ide 无法以任何方式识别它,我也注意到它无法识别指令模板保护(来自 ivy 的应该可用)。

我刚刚尝试了一个新的 ng new --minimal 10.0.5 应用程序,只导入了 ngrx 组件模块和其他几个项目。

我的猜测是我的 Angular 语言服务无法正常工作,我尝试重新安装它并没有任何改变,这是我所有扩展的列表。

  • yaml
  • 打字稿导入器
  • Angular 语言服务
  • SCSS 无处不在
  • 更漂亮
  • 移动 TS
  • 材质图标主题
  • 笑话赛跑者
  • 埃斯林特
  • 编辑器配置
  • 支架对着色器 2
  • 更好的评论

在这些项目中确实启用了 Ivy,我尝试了一个全新的 10.0 项目和其他将 ivy 启用标志设置为 true 的项目

示例 stackblitz (正如我所说,它实际上可以工作,它甚至可以在我的本地机器上工作,它只是在 ide 上给出一个错误,因为它无法识别指令):https ://stackblitz.com/edit/angular-ivy-gztygm ?file=src%2Fapp%2Fapp.component.html

0 投票
2 回答
1009 浏览

angular - Angular 语言服务不适用于使用 cli 生成的新组件的 vs 代码

我有一个较旧的 Angular 项目,其中已经制作了一些组件。角度语言服务不适用于使用 cli 生成的新组件,

今天生成的新组件: HTML 那么这里是 ts 文件: ts文件

但是,如果您查看几天前生成的同一项目中的另一个组件,它可以工作:

[工作][1]

ts文件: ts文件

我认为这是一个 IVY 问题,所以我继续在 angular.json 中禁用 AOT,并在我的 ts 配置中添加了 "enableIvy": false,以下是这些文件:

Angular.json

tsconfig.app.json

tsconfig.json:

tsconfig.base.json

编辑
我从头开始生成了一个全新的项目,问题似乎仅限于这个项目。它适用于新项目中的新组件。只是在旧版本中不起作用。

当我为项目提供服务时,我收到了这些我从未见过或理解的警告,但项目仍然可以编译:

0 投票
4 回答
5348 浏览

angular - Angular 语言服务不能与 VS Code 一起使用,可能的方法来跟踪问题

我在 Anuglar v4 上安装了 Angular 语言服务扩展及其 VS 代码包,既没有在 HTML 中获得任何智能感知,也没有在 VS 代码开发人员工具中出现任何错误。

0 投票
1 回答
322 浏览

angular - Yeoman 生成器的 Office 插件 Angular 应用程序:组件必须具有模板或 templateUrl [使用 Webpack],即使它已声明

我们在 officeJS 插件中使用 Webpack 和 Angular 模板,其require语法如下所示。

我们Component 'List' must have a template or templateUrl在组件声明中遇到错误。

我没有太多关于 Webpack 的详细信息,但是由于templateUrl应用程序无法正常工作(可能是因为使用了 webpack/system.js),因此应用程序无法templateUrl在运行时获取 HTML。

但上述要求语法的核心问题是我没有在 Angular 语言服务的模板 HTML wrt 相关组件中获得智能感知。

我在 GitHub 上发现了一个未解决的问题,需要语法https://github.com/angular/angular/issues/23553

考虑模板语法的解决方案,我们是否有任何替代解决方案可以让智能感知和 webpack 一起工作?

我们正在使用 Angular 4 和“webpack”:“^4.41.5”,但我认为这个问题也存在于更高的 Angular 版本中,基于上面的 GitHub 帖子。

最近的观察:

我按照这里从头开始为 OfficeJS 尝试了新的 Angular 项目,https://docs.microsoft.com/en-us/office/dev/add-ins/quickstarts/word-quickstart?tabs=yeomangenerator同时也面临与默认 webpack 配置相同的问题,似乎可能存在一些限制。

0 投票
2 回答
10359 浏览

angular - VSCode 中的 Angular 语言服务不起作用,因为它不是 Angular 项目(找不到“@angular/core/core.d.ts”)

不知何故,VSCode 中的 Angular (v11.0.4) 语言服务不再起作用。我收到以下错误消息。:

我已经尝试过:

但这并不能解决问题。

我能做些什么来解决这个问题?

0 投票
2 回答
5028 浏览

angular - Angular:在 VSCode 中运行 ngcc 会导致性能问题

在上次更新后的 Visual Studio Code 编辑器中,我在状态栏中看到以下文本:

在此处输入图像描述

Angular: Running ngcc for project d:/..../tsconfig.spec.json

它看起来像冻结或什么都不做,只是旋转箭头。

在这篇文章之前,我看到了一个类似的tscfonfig.json结尾......

由于此文本以状态显示,因此我的 vscode 存在一些性能问题......它变得非常非常慢。有时,快速导入(ctrl-space)通常不起作用,找不到类,接口在此更新之前运行良好。

这是什么?它是必要的还是我可以以某种方式关闭?这可能是插件错误吗?

0 投票
7 回答
9677 浏览

angular - 抑制 Angular 语言服务 VSCode 扩展的“angularCompilerOptions 中的strictTemplates”通知

由于我们将代码库升级到 Angular 11,我在 VSCode 中收到了这条消息:

某些语言功能不可用。要访问所有功能,请strictTemplates在 中启用angularCompilerOptions

来源:Angular 语言服务(扩展)

带有“打开 tsconfig.json”的链接,如下所示:

上述文本的可视化

我期待启用此功能并享受新功能。但我想抽出时间来做和测试。目前,VSCode 中的弹出窗口一直在出现,这既烦人又让人分心。

我如何(暂时)抑制此消息,最好是针对我当前的工作区?


  • Angular 语言服务 ( angular.ng-template) v11.2.3
  • Windows 10 上的 Visual Studio Code 版本 1.53.2