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

v4.1.0 tsx support problem #4893

Closed
Maorey opened this issue Nov 27, 2019 · 0 comments · Fixed by #4894
Closed

v4.1.0 tsx support problem #4893

Maorey opened this issue Nov 27, 2019 · 0 comments · Fixed by #4894

Comments

@Maorey
Copy link

Maorey commented Nov 27, 2019

Version

4.1.0

Reproduction link

https://github.com/vuejs/vue-cli/tree/v4.1.0

Environment info

Irrelevant

Steps to reproduce

  1. Create project with all functions, use class-style component syntax and use Babel alongside TypeScript Options
  2. try use this Component:
import { CreateElement } from 'vue'
import { Component, Vue } from 'vue-property-decorator'

const data = { title: 'test tsx' }

const Functional: any = () => <p>{data.title}</p>

@Component
export default class ClassComponent extends Vue {
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
  private render(h: CreateElement) {
    return (
      <div>
        <Functional />
      </div>
    )
  }
}

What is expected?

show the component

What is actually happening?

compile error


v4.0.5 support this issue

haoqunjiang added a commit to haoqunjiang/vue-cli that referenced this issue Nov 27, 2019
haoqunjiang added a commit that referenced this issue Nov 27, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant