0
点赞
收藏
分享

微信扫一扫

zh-zdmin-vue3 项目新建


github代码地址:​​https://github.com/956159241/zh-admin/tree/0.0.1​​

​​ gitee代码地址:​​https://gitee.com/huafei_1_0/zh-admin/tree/0.0.1/​​

线上demo地址:​​http://zhadminvue.iotzzh.com/​​

npm init @vitejs/app
or
yarn create @vitejs/app

项目建好之后,发现会有一些报错

vite.config.js有报错

​找不到模块“vite”或其相应的类型声明。ts(2307)​



zh-zdmin-vue3 项目新建_vue.js


解决方案:

在最外层新建一个.d.ts文件,文件名貌似没有特殊要求,会自动识别,文件内容如下:

shims.d.ts

declare module '*.vue' {
import { DefineComponent } from 'vue'
// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
const component: DefineComponent<{}, {}, any>
export default component
}

declare module 'vite'
declare module '@vitejs/plugin-vue';

文件目录如下:



zh-zdmin-vue3 项目新建_javascript_02


import HelloWorld from './components/HelloWorld.vue'报错:import HelloWorld from './components/HelloWorld.vue'



zh-zdmin-vue3 项目新建_vue.js_03


解决方法:
在设置中搜索vetur,找到 Vetur › Validation: Script
取消勾选 Validate js/ts in



zh-zdmin-vue3 项目新建_javascript_04


参考地址

​​https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project​​​​​​

举报

相关推荐

0 条评论