关于解决vue-element-admin在vscode提示 Vue 2 does not have JSX types definitions, so template type checking will not work correctly.

今天从git上拉下来了vue-admin-template准备做个新项目,运行一切正常,但是vscode一直在右下角提示 “1 know issue”,点开看写的是:Vue 2 does not have JSX types definitions, so template type checking will not work correctly. You can resolve this problem by installing @vue/runtime-dom and adding it to your project’s devDependencies.

1.解决问题

项目只需要安装@vue/runtime-dom就行,命令:

npm install --save-dev @vue/runtime-dom

如果安装慢可以使用镜像,命令:

npm install --registry=https://registry.npmmirror.com --save-dev @vue/runtime-dom

安装完成后,可以在package.json看到多出来了@vue/runtime-dom。如果安装完成后还是有提示的话,可以重新打开一下vscode。

2.原因

这个警告信息出现的原因是,我们在Vue 2项目中可能使用了JSX或者在模板中使用了 TypeScript,而Vue 2本身并不包含JSX的类型定义。