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

JSX element type 'Button' is not a constructor function for JSX elements #2

Open
Wlisfes opened this issue Mar 3, 2020 · 0 comments

Comments

@Wlisfes
Copy link

Wlisfes commented Mar 3, 2020

package.json

{
	"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"
	}
}

tsconfig.json

{
  "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

node v10.15.1

@vue/cli 4.1.1

###请问出现如下错误是少了什么配置吗?

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

No branches or pull requests

1 participant