Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

NutUI 3.x + vite + ts 不支持TSX语法 #2249

Closed
frontendWangqun opened this issue Apr 20, 2023 · 4 comments
Closed

NutUI 3.x + vite + ts 不支持TSX语法 #2249

frontendWangqun opened this issue Apr 20, 2023 · 4 comments
Labels
Need Reproduce 需要提供可复现的代码用于问题排查

Comments

@frontendWangqun
Copy link

NutUI scenes(nutui 场景)

H5(@nutui/nutui)

NutUI-vue version(nutui-vue 版本)

3.1.17

Vue version(vue 版本)

3.2.6

Operating environment(运行环境)

dev:h5

Citation method(引用方式)

npm

Node version(node 版本)

16.18.0

Browser and its version(浏览器及其版本)

Chrome(112.0.5615.121)

System and its version(系统及其版本)

MACOS(12.3.1)

Reproduction link(重现链接)

github.com

Steps to reproduce(重现步骤)

渲染没问题,但是idea中有红线告警,如下:
JSX element class does not support attributes because it does not have a '$props' property JSX 元素类不支持特性,因为它不具有“$props”属性

What is expected?(期望的结果是什么?)

支持TSX/JSX语法

What is actually happening?(实际的结果是什么?)

idea中不支持JSX语法

@eiinu eiinu added the Need Reproduce 需要提供可复现的代码用于问题排查 label Apr 20, 2023
@github-actions
Copy link

你好 @frontendWangqun, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。

@frontendWangqun
Copy link
Author

你好 @frontendWangqun, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。

image

@eiinu
Copy link
Member

eiinu commented Apr 20, 2023

Vetur 插件并不能很好的兼容 Vue3 语法,你可能需要更换到 Volar。
vuejs/language-tools#583
vuejs/vetur#3416

@frontendWangqun
Copy link
Author

Vetur 插件并不能很好的兼容 Vue3 语法,你可能需要更换到 Volar。 vuejs/language-tools#583 vuejs/vetur#3416

将Vetur禁用掉,且更换到Volar也会出现同样警告,原因是nutui组件不是用jsx语法编写,而是用模板语法编写导致的,感谢回答。

@eiinu eiinu closed this as completed Apr 20, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Need Reproduce 需要提供可复现的代码用于问题排查
Projects
None yet
Development

No branches or pull requests

2 participants