模块“@angular/common”没有导出成员“NgOptimizedImage”。3 从'@angular/common'导入{NgOptimizedImage};

Dav*_*d J 1 angular

Angular 文档建议使用“NgOptimizedImage”来加载图像。我按照说明进行操作,但似乎没有 NgOptimizedImage 导出到任何地方。当我添加以下语句时,出现错误。我假设 NgOptimizedImage 可能没那么有用并且已被弃用,并且文档根本​​没有更新。

import { NgOptimizedImage } from '@angular/common';
Run Code Online (Sandbox Code Playgroud)
Module '"@angular/common"' has no exported member 'NgOptimizedImage'.
Run Code Online (Sandbox Code Playgroud)

这一切都直接来自 Angular 官方页面: https: //angular.io/api/common/NgOptimizedImage

小智 6

我只是尝试在 stackblitz 中使用 NgOptimizedImage 指令,似乎工作得很好。

您是否在模块而不是组件中导入指令?

NgOptimizedImage 仅在 Angular 14.2 中添加,所以也许这就是您的问题?

堆栈闪电战示例