问题标签 [tsx]

我正在尝试在 react-native 中创建一个菜单，它给了我这个错误，从 JavaScript 复制的代码，我想在 tsx 中传递它

错误：c:\proyectosreactjs\kapua\src\Screens\Discover.tsx: c:/proyectosreactjs/kapua/src/Screens/Discover.tsx (39,13): ';' 预期的。

我不认为这是因为“;” 如果不是因为原始代码来自 javaScript 我将它传递给 typeScript

对不起英语

我是打字稿的新手，我阅读了一些带有打字稿的反应文章，并看到了以下用于安装带有 tsx 文件的样板的命令。当我运行它时，我从来没有得到 tsx 文件，甚至是 tsconfig json。我错过了什么

npx create-react-app todo --typescript

我是 Vue 和 Vuetify 的新手。我正在使用 TSX——Typescript JSX——渲染创建简单的应用程序。在浏览器中运行的应用程序在控制台中出现以下错误

[Vue 警告]：未知的自定义元素：<v-app> - 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

在发现

---> 在 src/App.vue

[Vue 警告]：未知的自定义元素：<v-content> - 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

在发现

---> 在 src/App.vue

...

这里是 App.vue

main.ts

插件/vuetify.ts

你可以在下面的 github 链接中找到完整的项目文件 https://github.com/janucaria/vuetify-tsx-demo

In my setup jsx written inside vue component works correctly, then I migrate project on TS and use vue-class-component.

The only thing which works with tsx for me is the following (as in example in repo)

notice h here - without it - it doesn't work, but should

I have a component which can accept render props. Looks like this:

In defaultRender some other jsx. And default works fine. But when I try to pass function with jsx, it doesn't work (in TSX, for common vue js based component it works perfect).

I used to have this jsx written inside my created hook. Like this:

Notice that I don't have to pass h here somehow. It works in JS - but doesn't work in TSX. Have no idea why...

When it's transpiled it looks like this:

Indeed, jsx is transformed, but h is undefined here. I saw transpiled code from js (which works) and the key difference as for me is that line:

var h = this.$createElement;

inside created() function. I don't see this line in transpiled code for my tsx component. What I do wrong here?

Here is my .babelrc (I use babel 6)

And webpack rules

尝试使用 webpack-dev-server 为我的应用程序提供服务时出现以下错误：

这是我的 webpack 配置文件：

这是我的 tsconfig 文件：

这是我的 index.tsx 文件：

帮助表示感谢

实际上，我的库以这种方式导出要导入的资源：

我需要改变什么才能以webpack.config.js这种方式导入我的资源？

我的webpack.config.js：

修改path: path.join(fileRoot, 'lib')为path: path.join(fileRoot, '')不是一个选项，因为我需要一个分发路径。

这可以使用 TypeScript 或 Webpack 解决这个问题吗？

我有几个 TSLint 不满意的 TypeScript 导入源，因为它们显然没有按字母顺序排列。

来自 TSLint 的错误消息：

我的 package.json 脚本命令：

尽管 TSLint 对Globaland不满意remote，但字母排序一切正常。我相信 TSLint 一定对大写或类似的东西不满意。有没有办法检查 TSLint 是如何按字母顺序排列的？

tsconfig.json我的项目目录中有一个，files配置如下：

我收到错误 frmo VS Code 说：

如果我只是改成这样：

一切正常。

我想知道，是否有必要提供显式文件扩展名tsconfig.json？

或者它是 VS Code 中的一个错误，它无法自动识别带有.ts,的文件.tsx？

是否可以创建通用功能组件？

我认为像下一个示例这样的东西可以解决问题：

... 但不是

当将组件声明为函数并省略 React.ComponentType 声明时，声明似乎很好：

但是像这样编写组件，TSX（我正在使用最新的 create-react-app）不再将其识别为组件，因为它缺少我假设的 React.ComponentType 声明。

我无法访问函数内的类变量，以下是我的代码：