首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从typescript中提取$localize消息在Angular 9中不起作用

在Angular 9中,从TypeScript中提取$localize消息不起作用的问题可能是由于以下原因导致的:

  1. TypeScript版本不兼容:确保你的TypeScript版本与Angular 9兼容。可以通过在项目根目录下的package.json文件中查看"typescript"的版本号来确认。
  2. Angular版本不兼容:确保你的Angular版本是9.x。可以通过在项目根目录下的package.json文件中查看"@angular/core"的版本号来确认。
  3. 配置问题:检查你的Angular项目的配置文件,如angular.json或tsconfig.json,确保正确配置了国际化相关的设置。特别是要确保"angularCompilerOptions"中的"enableIvy"设置为true,以启用Angular的新编译器。
  4. 错误的使用方式:确保你正确使用了$localize消息提取器。在Angular 9中,可以使用以下方式提取$localize消息:
  5. 错误的使用方式:确保你正确使用了$localize消息提取器。在Angular 9中,可以使用以下方式提取$localize消息:
  6. 确保在提取消息时使用了正确的消息ID和文本。

如果以上步骤都正确无误,但问题仍然存在,可以尝试以下解决方案:

  1. 清除缓存:尝试清除项目的构建缓存,然后重新构建项目。可以使用以下命令清除缓存:
  2. 清除缓存:尝试清除项目的构建缓存,然后重新构建项目。可以使用以下命令清除缓存:
  3. 更新依赖:尝试更新项目的依赖项,包括Angular和相关的国际化库。可以使用以下命令更新依赖:
  4. 更新依赖:尝试更新项目的依赖项,包括Angular和相关的国际化库。可以使用以下命令更新依赖:

如果问题仍然存在,建议查阅Angular官方文档、社区论坛或向Angular开发者社区寻求帮助,以获取更详细的解决方案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

移除 View Engine 转用 Ivy,盘点Angular 12的重要更新

移除 View Engine,转而使用 Ivy 去年开始,Angular 就开始默认使用新的渲染和编译工作管线 Ivy。...事实上, Angular 9 开始,新的 Angular 应用程序就默认启用 lvy。...为了提高性能,新版本删除了 DomAdapter 的多种未使用方法。 新版本向 localize-extract 添加一种新的格式,名为 legacy-migrate。...新版本增加对 TypeScript 4.2 的支持,但对 TypeScript 4.0 与 4.1 的支持功能将被移除。 HttpParams 上实现了 appendAll()方法。...表单,引入最小与最大值验证器。 新版本可导出 HTTP 状态码列表。 向 Angular 语言服务添加一项功能,允许用户直接访问使用模板文件的组件的实际位置。

4.4K10

WebStorm for Mac(JavaScript开发工具)中文版

Angular应用程序的新检查对于Angular应用程序,WebStorm添加了17项新检查,可帮助您在键入时检测应用程序Angular特定错误,并建议快速修复。...Angular项目中的导航更容易Angular应用程序,您现在可以使用相关符号...弹出窗口(Ctrl-Cmd-Up / Ctrl + Alt + Home)不同的组件文件(如TypeScript...TypeScript文件,弹出窗口还将列出导入此文件的所有符号。...IDE将使用堆栈跟踪的信息并突出显示失败的代码。悬停时,您将看到来自测试运行器的错误消息,您可以立即开始调试测试。...现在,您可以跳到步骤.feature文件 到它们的定义 的.ts文件中使用速战速决(和产生缺定义Alt-Enter组合)。

4.9K50

Angular 2 快速起步 原

准备学习angularjs2,安装的过程费了不少时间,刚开始为了方便,官网上下载了现成的包,但是就运行不起来,后来还是老老实实按教程一步步建文件,ng2详细地址https://angular.cn/...docs/ts/latest/quickstart.html 官网中提取几个主要步骤 首先安装nodejs ,node js里面有自带的npm,也就是安装了node js后也同时安装npm 1...的编译器配置文件      (3) typings.json           指定TypeScript 定义文件      (4) systemjs.config.js 是SystemJS的配置文件...3、安装依赖包  打开控制台输入命令npm install 安装的过程如有有红色的警告没关系,只要确认npm install 输出的末尾没有npm ERR!...消息就行了,安装完之后多了2个文件夹        node_modules  和 typings, 4、项目的根目录下创建一个app子目录(创建一个名字为app的文件夹) (1)app文件创建组件文件

68910

如何在 Windows 上安装 AngularAngular CLI、Node.js 和构建工具指南

Angular CLI, Node.js, and Build Tools,作者为Ahmed Bouchefra 本教程,我们将学习如何在 Windows 安装 Angular CLI 并使用它来创建...有很多方法可以做到这一点,例如: 使用 NVM(Node版本管理器)系统安装和使用多个版本的node 使用对应的操作系统的官方包管理器 官方网站安装它。 让我们保持简单并使用官方网站。...build (b): 将 Angular 应用程序编译到给定输出路径上名为 dist/ 的输出目录。必须工作空间目录执行。 config: 检索或设置 Angular 配置值。...doc (d): 浏览器打开 Angular 官方文档 (angular.io),并搜索给定的关键字。...请参阅https://update.angular.io/ version (v): 输出 Angular CLI 版本。 xi18n: 源代码中提取 i18n 消息

27900

Angular 2 架构(下)

每种形式都有一个方向—— DOM 来、到 DOM 去、双向,就像图中的箭头所示意的。 插值 : HTML 标签显示组件值。...当 Angular 渲染它们时,它会根据指令对 DOM 进行修改。 指令是一个带有"指令元数据"的类。 TypeScript ,要通过 @Directive 装饰器把元数据附加到类上。...Angular包含以下三种类型的指令: 属性指令:以元素的属性形式来使用的指令。 结构指令:用来改变DOM树的结构 组件:作为指令的一个重要子类,组件本质上可以看作是一个带有模板的指令。...例如,多个组件中出现了重复代码时,把重复代码提取到服务实现代码复用。...传统的开发模式,调用者负责管理所有对象的依赖,循环依赖一直是梦魇,而在依赖注入模式,这个管理权交给了注入器(Injector),它在软件运行时负责依赖对象的替换,而不是在编译时。

2.2K20

在前端理解MVC服务之 Angular篇(完结)

第三篇文章,应用程序将使用 Angular 构建,该版本来自TypeScript 的第二个版本。因此,本文介绍应用程序 TypeScriptAngular的迁移。...角度允许我们忘记DOM,所以,让user.view.ts文件我们的应用消失。最后,最后一篇文章,我们将转换代码以将其与 Angular 框架集成。 第 1 部分。...教程,而是一系列的变化,你可以看到Web应用程序JavaScript到TypeScriptAngular的演变。...还必须注意的是,本文中,我们将应用程序 TypeScript 迁移到了 Angular,让我们忘记了那些与我们开发的所有 Web 应用程序都相同的重复任务。...我建议你第一篇与JavaScript相关的帖子开始,了解所使用的体系结构。下一步是通过应用 TypeScript第二篇文章)来强化代码,最后查看此文章的代码已适应框架。

4.1K20

Angular10配置webpack打包 「详细教程」

使用CLI创建一个新的Angular项目 零搭建Angular10项目 先决条件 开始之前,请确保你的开发环境已经包含了 Node.js® 和 npm 包管理器。...把 title 属性 'my-app' 修改成 'My First Angular App'。...initial:提取同步加载和异步加载模块,如果xxx项目中异步加载了,也同步加载了,那么xxx这个模块会被提取两次,分别打包到不同的文件。...all:不管异步加载还是同步加载的模块都提取出来,打包到一个文件。 minSize选项:规定被提取的模块压缩前的大小最小值,单位为字节,默认为30000,只有超过了30000字节才会被提取。...为true时,如果当前要提取的模块,已经在打包生成的js文件存在,则将重用该模块,而不是把当前要提取的模块打包生成新的js文件。 enforce选项:true/false。

4.9K20

Angular2 VS Angular4 深度对比:特性、性能

动态载入: 这是之前的Angular版本均不具备的功能,Angular2包含了这个功能,即使开发人员忙碌时,也能够添加新的指令或控件。 模板: Angular2,模板编译过程是异步的。...设计: 所有这些逻辑都是使用管道架构创建的,这使得将自己的操作添加到管道或删除默认操作变得非常简单。此外,它的异步字符允许开发人员管道,实现对用户进行身份验证或加载控件信息的服务器请求。...scope: $scope Angular2删除了。...动画包: Angular4的开发人员将动画Angular的核心部分提取出来,并将它们放在独立的包。这意味着如果开发人员不需要使用动画,就可以不创建这些额外的代码。...TypeScript 2.1和2.2兼容性: Angular4开发组将Angular升级为更新版本的TypeScript。这将提高ngc的速度,方便开发人员将在编码过程更好的进行类型检查。

8.7K20

Vue.js 首次屈居第二,JavaScript 2020 年度“新起之秀”都有谁?谁是第一呢?

Deno 的成功证实了 2 大趋势: 无论在前端还是客户端TypeScript 语言都正在兴起 通过 Snowpack 等解决方案即时导入的 ES6 模块的兴起 ?...某些层面上,Alpine.js 是快速增强现有功能的理想解决方案,因为 HTML 页面上添加一个 标记来检查它非常容易,不需要构建过程,一切都可以 HTML 标记完成。...Node.js 框架 Node.js 框架,有两种类型的项目占主导地位。...Angular 2020 年发布了三个主要版本:Angular 9、Angular 10 和 Angular 11。...Angular 11 11 月份公开,主要将 TypeScript 升级到 4.0, 对 TypeScript 3.9 不再支持,并放弃了对 IE 9 、10 的支持。 ? ?

2.2K20

2020 年的 JavaScript 后起之秀

主要功能包括: 默认情况下包括 TypeScript 编译器(但是开发者可以正常使用 JavaScript 编写代码) 没有集中的包管理器,可以任何 URL 加载任何 JavaScript 依赖项 “...Deno 的成功证实了 2 大趋势: 前端和客户端 TypeScript 语言的兴起; 通过 Snowpack 之类的解决方案快速导入的 ES6 模块的兴起。 前端框架 ?...是一个通过 HTML 页面上添加一个标记来检查页面的标签,不需要构建过程,所有事情都可以 HTML 标记中直接完成,因此,如果开发者想快速增强现有 Web 页面而又不增加任何内容的话...有两种类型的项目 Node.js 框架占主导地位。 一方面,像 Next.js 和 Nuxt 这样的全栈框架,将 React 和 Vue.js 带到服务器端时,对构建应用程序也会有解决方案。...版本 10 和 11 今年晚些时候问世。 Angular 9 即将发布:改进 Ivy 编译和渲染管道 Angular 10 正式发布,不再支持 IE9/10!

2.4K20

Angular2、Ionic、TypeScript、es6的关系?

2014年底,Google宣布Angular 2将会对AngularJS进行完全地重写,他们甚至还创建了一门新的语言,名为“AtScript”,他们本来希望使用这门语言来编写Angular 2应用。...Angular 2并不是一个MVC框架,而是基于组件(component)的框架。Angular 2,应用是松耦合组件所组成的树。 typescript TypeScript是ES6的超集。...比如在Angular2,用TypeScript明显好于ES6。 -- 某网友 TypeScript的开发者c#之父,所以这个TypeScript的很多语言特性是c#移过来的。...TypeScript大概是ES7的实现,所以语法角度来讲,是具有很大优势。TypeScript可选择编译成ES5或ES3,ts文件编译成js文件,并且ts文件可直接在浏览器调试。...Decorator Decorator是由Yehuda Katz提出的 ECMAScript 7建议的标准,让你可以设计时对类和类的属性进行注解和修改,这听起来很像annotation做的事。

5.2K30

「前端架构」React,Angular还是Vue,太难选了?看完秒懂。

我们有Angular感谢谷歌。它是企业中最古老、最著名的。 Evan You他以前Google的工作经验中提取出他喜欢AngularJS的部分,从而创建了轻量级Vue。这是亚洲最流行的框架。...Angular 是为了企业 Angular更像是一个使用HTML和TypeScript构建应用程序的平台。它由不同的TypeScript库组成,可以导入到项目中,比如路由或ajax调用。...它受到了另外两个框架的启发,并试图从这两个框架获取最好的部分。组件来自React。指令以及双向数据绑定都是Angular借用的。...另一方面,Angular和Reacthighlighting rows测试的性能都要优于React。 启动时间 ?...它与React基本上是生态系统兼容的,这意味着为React设计的第三方npm包的组件也应该在Preact工作。关于React切换的指南中,它们涵盖了许多常见的迁移问题。

6.2K40

TypeScript 优秀开源项目大合集

Github上star: 2万+ 大名鼎鼎的前端三剑客之一,背后的老爹Google确保了Angular的质量,AngularAngular2开始采用TypeScript来开发,强类型对框架的稳定性提供不少支持...Angular2上衍生了不少优秀的框架或库,如 angular-seed,material2, ui-router等。...下图最底下的那条就是页面的路由,微软的Azure上也有用到。 ? library - RxJS 这个库现在出到5代,之前是用JavaScript开发,5代开始采用TypeScript开发。...这个库算是响应式编程库家庭的一员,其他还有RxJava,Rx.NET,RxGO等。 RxJS是基于流的概念,提供了一系列神奇的函数工具集,使用它们可以合并、创建、过滤这些流。...这些都说明TypeScript已经非常成熟,稳定了,而且上面项目有一些是JavaScript转过来的重新打造的项目,由此可以说明TypeScript确实可以给项目带来实实在在的好处。

3.7K90

干货 | 前端阶段性总结之「框架相关」那些事

最大感触就是伴随着ES6/ES7的成长,Angular原本的很多设计都和新语法重复了。然后新出现了很多有趣的设计,像typescript/rxjs等等,才有了Angular2的诞生吧。...其实除了移动端可以排除Angular之外,其他时候更多的是对业务和团队成员的考虑吧,包括Typescript等的使用,都是对配合的协助。大家一致性通过或者协商后的方案,才是最适合的方案。...只有项目大了,才需要比较统一的数据更新方式,以及可追踪的数据流吧。这些状态管理工具,其实说白了就是把数据的更新提取到一个公共的地方,任何相关变更都会经过这里,然后比较容易追踪变化。...模块化 之前曾经有过像requirejs和seajs等模块化工具,而es6开始支持module之后,无论是模块化、组件化、依赖注入和异步加载等都变得很是简单呢。...因为现在其实不只是前端吧,各个层面都是不断地进行革命,不如学会在骄躁脚踏实步吧。 文章来源:腾讯工程师 王贝珊

95020
领券