297854895 / vue-tsx-admin Goto Github PK

{
	"name": "love-farm",
	"version": "0.1.0",
	"private": true,
	"scripts": {
		"start": "vue-cli-service serve",
		"build": "vue-cli-service build",
		"lint": "vue-cli-service lint"
	},
	"dependencies": {
		"core-js": "^3.6.4",
		"vant": "^2.5.3",
		"vue": "^2.6.11",
		"vue-class-component": "^7.2.2",
		"vue-property-decorator": "^8.3.0",
		"vue-router": "^3.1.5",
		"vuex": "^3.1.2"
	},
	"devDependencies": {
		"@typescript-eslint/eslint-plugin": "^2.18.0",
		"@typescript-eslint/parser": "^2.18.0",
		"@vue/cli-plugin-babel": "^4.2.0",
		"@vue/cli-plugin-eslint": "^4.2.0",
		"@vue/cli-plugin-router": "^4.2.0",
		"@vue/cli-plugin-typescript": "^4.2.0",
		"@vue/cli-plugin-vuex": "^4.2.0",
		"@vue/cli-service": "^4.2.0",
		"@vue/eslint-config-prettier": "^6.0.0",
		"@vue/eslint-config-typescript": "^5.0.1",
		"babel-plugin-import": "^1.13.0",
		"eslint": "^6.7.2",
		"eslint-plugin-prettier": "^3.1.1",
		"eslint-plugin-vue": "^6.1.2",
		"less": "^3.0.4",
		"less-loader": "^5.0.0",
		"prettier": "^1.19.1",
		"typescript": "~3.7.5",
		"vue-template-compiler": "^2.6.11"
	}
}

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "webpack-env"
    ],
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}

import { Component, Vue } from 'vue-property-decorator'
import { Button } from 'ant-design-vue'

@Component
export default class Home extends Vue {
	protected render() {
		return (
			<div class="Home">
				<Button>Button</Button>
			</div>
		)
	}
}

9:5 JSX element type 'Button' is not a constructor function for JSX elements.
  Type 'Button' is missing the following properties from type 'ElementClass': $el, $options, $parent, $root, and 29 more.
     7 |   return (
     8 |       <div class="Home">
  >  9 |             <Button>Button</Button>
       |                                ^
    10 |       </div>
    11 |       )
    12 |   }
Version: typescript 3.7.5