typescript 相关问题

TypeScript是由Microsoft创建的JavaScript的类型超集,它添加了可选类型,类,接口,async / await和许多其他功能,并编译为纯JavaScript。此标记用于特定于TypeScript的问题。它不用于一般的JavaScript问题。

在 Angular 15 中使用接口迫使我们删除操作链并在模板中抛出错误,错误:对象可能是“未定义”

我分享了界面、ts和html文件。 错误::对象可能是“未定义”。 88 我分享了界面、ts和html文件。 错误::对象可能是“未定义”。 88 <thead *ngIf="invData?.columns && invData?.columns?.[table] && (invData?.columns?.[table]).length > 0"> Component.html:: <div *ngFor="let table of invData?.tables;trackBy: utilServ.trackByFnIndex"> <table> <thead *ngIf="invData?.columns && invData.columns?.[table] && (invData?.columns?.[table]).length > 0"></thead> </table> </div> 组件.ts:: interface Column {name: string;type: string;id?: number | string;} interface ColumnObj {[key: string]: Column[];} interface InvData {columns?: ColumnObj; tables: string[]} invData: InvData; 界面迫使我删除操作链,但invData.columns可以是undefined。我们无法删除可操作的,因为它在运行时可能是未定义的。 如果我删除操作链,那么它会在 (invData?.columns?.[table]).length 上显示错误,表明该对象可能未定义。 如何检查上面提到的ad的*ngIf条件。 根据我的理解,只需要对链进行一次安全检查?.,这样你就可以简化代码。 <div *ngFor="let table of invData.tables;trackBy: utilServ.trackByFnIndex"> <!-- removed ?. because tables will not be undefined as per the interface! --> <table> <thead *ngIf="invData?.columns?.[table]?.length > 0"></thead> <!-- will safe check the sequence and prevent any undefined errors --> </table> </div>

回答 1 投票 0

如何解决共享模块不可用于急切消费typescript React

我使用以下 webpack.config.js 创建了一个应用程序(app1): 新的 ModuleFederationPlugin({ 名称:“应用程序1”, 文件名:“remoteEntry.js”, ...

回答 2 投票 0

下一个 13 错误,在异步组件内获取数据的打字稿

这里是错误图片 导出 const Filter = async (): Promise => { const { data: 类别 } = wait api.get('/categories/') 返回 (

回答 0 投票 0

Next Js "next": "14.2.3" 声明页面不起作用

我刚刚创建了一个Next.js“14.2.3”版本项目,我得到了这个页面。我没有更改任何代码,但出现此错误 这是什么原因呢???我没有改变任何东西

回答 1 投票 0

在 shadcn 组合框上设置默认值

我想设置默认值我的表单,使用组合框为我的编辑页面选择城市 这是我的组合框代码 ...

回答 1 投票 0

在 TypeScript 中向 addEventListener() 传递 Promise?

在 sveltekit 应用程序上,我尝试创建一个使用 Typescript 执行异步函数(突变)的事件侦听器。 挂载(()=> { document.addEventListener('keyup',handleKeyPress); }...

回答 1 投票 0

如何合并联合文字类型

我有以下内容: 导出类型 UHaem = 'haem.cbc' | '血红细胞' 导出类型 UChem = 'chem.glucose' | “化学电解质” 我怎样才能将两者合并以获得最终类型,如下所示: 出口类型...

回答 1 投票 0

有没有办法从 ASP.NET 应用程序调试 Angular 库

Angular 库作为包使用,并用作 Asp.net Web 应用程序中的组件或子功能。 Angular 库组件的选择器用作 .aspx web 中的元素...

回答 1 投票 0

WebXR 打字稿支持

我想尝试使用 webxr 并设置一个打字稿项目。根据WebXR 我应该做以下事情: constsupported=awaitnavigator.xr.isSessionSupported('immersive-vr'); 和我的

回答 3 投票 0

使用 Zod 模式实现工厂模式时存在类型推断问题

当架构在父函数中定义时,如何根据指定的函数参数推断类型?我正在尝试实现工厂模式,但遇到类型问题

回答 1 投票 0

字段“banner”不得有选择,因为类型“String”没有子字段

模板/Post.tsx 从“反应”导入反应 从“react-helmet”导入头盔 从 'gatsby' 导入 { graphql } 从“样式组件”导入样式 从 'gatsby-plugin-mdx' 导入 { MDXRenderer }

回答 1 投票 0

我想要一个适用于移动设备的特殊图像尺寸和另一个适用于大型设备的图像尺寸

您好,我想在小型设备上修改图像的大小和位置,唯一的事情是,当我进行更改时,它也会更改大型设备即使当我执行“sm:-300”时,我.. .

回答 2 投票 0

创建新的 xr 事件

我是打字稿新手,我正在尝试实现相当于“双击”事件的手动输入控制器,以与我的三js应用程序中的网格进行交互。我希望这样做

回答 1 投票 0

Promise.all() 永远无法解决

我有一个应该异步获取一些数据的函数。 获取页面事件(){ const Promise = this.calendarPage.days.map(day => { 返回 this.dataService.getEventsByDay(day) ...

回答 1 投票 0

TypeScript 对可变位置的父对象进行 null 检查

我有一个使用 TypeScript 4.8.4 的 React 应用程序。 从“lodash”导入{isNil}; // isNil(value: any): 值为 null |不明确的 const order = ... // { uuid: string } |无效的 常量 { 数据 } =

回答 1 投票 0

NestJS 装饰器可在失败时撤消方法对数据库所做的所有更改

我想为服务方法创建一个 NestJS 装饰器 @Transactional() ,以便在发生故障时撤消对数据库所做的所有更改。 导入 { 冲突异常,注入,可注入,

回答 1 投票 0

控制器中注入的服务未定义

我正在尝试将 kafka 消息生成器服务注入到我的控制器中(kafka 服务在 monorepo 中的共享后端项目下可用) 共享中的kafka生产者: @Injec...

回答 1 投票 0

当按钮处于活动状态时更改 Tailwind/TypeScript 中的按钮颜色

我有一个包含按钮的轮播对象。这些按钮代表如下所示的“学期”内容(下面提供了图像)。 我希望“第一学期”按钮为 D...

回答 3 投票 0

如何在javascript/typescript中高效分离数据和操作?

我很快就学会了打字稿,而且还是个新手。来自函数背景的我习惯于将对象数据与其方法分开。例如,让我们考虑一个简单的数据对象,我...

回答 1 投票 0

如何更新模态子组件

我有一个全局模态: 导出 const ModalProvider = ({ 孩子 }: { 孩子: React.ReactNode }) => { const [isModalOpen, setIsModalOpen] = React.useState(false); 常量 [配置,

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.