问题标签 [tsx]

具有以下内容：

tsconfig

注意声明：true

和.tsx文件：

当我tsc在终端上运行编译时，我得到：

错误 TS2339：类型“/root/node_modules/styled-comp ...”上不存在属性“div”。

更新

两种导入样式组件的方式都会发生错误

有什么方法可以运行mocha编写的测试typescript - tsx吗？

当我跑

或者

错误显示：

顺便问一下，是否可以调试tsx用 WebStorm 编写的测试？

面对 React/Typescript 设置的奇怪问题。

在 OSX/Windows 上运行webpack -p编译得很好，TypeScript/TSX 编译器完全没有错误。

但是，在 Ubuntu 上，它会抛出一个 TypeScript 特定的错误，特别是：

ERROR in [at-loader] ./src/scenes/Component.tsx:5:23 TS2307: Cannot find module 'History'.

引发错误的特定行是：

import {History} from "History";

package.json具有用于 History 的 normal 和 @types 包：

"@types/history": "4.6.0",

"history": "4.7.2",

同样，我可以webpack -p在 OSX 上使用完全相同的代码、相同的 webpack 配置和相同的版本运行而不会引发错误。过程是一样的！但是，在 Ubuntu 上，构建将失败并出现上述错误。

当我使用 Typescript + React 编写代码时，我发现了一些错误。

当我在<a>标签属性中创建类型/值时，我得到编译错误。

<a value='Hello' type='button'>Search</a>

此代码发生错误

TS2339:Property 'value' does not exist on type 'DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>'.

我该如何解决这个编译问题？我搜索了几个小时，但我无法得到解决方案:(

测试.tsx

产量

所以我在 JSX 部分上方的 test.tsx 中添加：

但没有任何效果。唔？

如何在本地向我想要使用的 JSX 代码添加属性？

我知道我可以粗暴地破解导入的类型文件，但我想知道是否有本地方法。

编辑： 除了 onerror 属性（即 preact.d.ts 中“错误地”缺失）之外，我通常想知道如何将临时属性添加到内在元素甚至我自己的元素。奇怪的是，打字稿从不抱怨我可能也会切换的“data-*”属性（无论如何都想成为一个不错的 html5 开发人员）。但是关于扩展接口 HTMLAttributes 的问题仍然对我开放。

我刚刚开始了我的第一个 SharePoint 项目，不知道如何在我的扩展中使用我的 React 组件。以下是相关文件。

导航栏.tsx：

ReactSharePointNavbarApplicationCustomizer.tsx：

成分：

我的目标是将我的 react 组件用作导航栏，但是在这种情况下我无法设法将 tsx 和 ts 结合起来。

我遵循了本指南：https ://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-extensions

在这些文件之外，我所做的唯一修改是添加一个组件文件夹，其中包含您在上面看到的组件和索引。

请帮我解决这个挑战。

下面是我的代码。console.log结果this.Resources如下所示

1:"Basavaraj" 2:"Ashuthosh" 3:"Sravan" 4:"Raghavendra" 5:"Prem kumar" 6:"Simran" 7:"Namratha" 8:"Ghanashri" 9:"Ravindra" 10:"Anand ” 11：“沙恩”

我希望所有数据都this.Resources应该出现在select下拉选项中。

提前致谢

我有一个组件 ChartContainer.tsx，我想像这样将此组件导入 index.jsx

ChartContainer.tsx

索引.jsx

但我有一个错误

未找到模块：无法解析

请帮助我在 jsx 文件中使用 tsx。非常感谢！

我正在将用 TypeScript(tsx) 编写的新组件添加到由 vanilla ES6 react components(jsx) 组成的现有代码库中。将现有的 jsx 组件导入 tsx 组件时，我正在为 jsx 组件添加类型定义。

我的问题是如何为使用 connect 连接到 redux 的 jsx 组件添加类型定义

假设我有一个现有的 jsx 组件：

这个组件的类型定义会是什么样子？

注意：如果没有连接，我会编写如下类型定义：

我有一个要运行的测试，它检查以确保传入正确的参数。但是我的实际文件已经有正确的声明，所以它不会让我编译。我尝试使用// @ts-ignore忽略评论，但它不起作用。我怎样才能让它忽略这个错误？

在我的实际文件中，声明：

在我的测试文件中：