首页 > 其他分享 >Vite 配置组件自动导入之后,模板中使用组件显示未定义

Vite 配置组件自动导入之后,模板中使用组件显示未定义

时间:2023-01-05 23:35:13浏览次数:62  
标签:src 未定义 配置 ts 导入 模板 组件 Vite

在 vite.config.ts 文件中配置完自动导入组件之后,在模板中使用,WebStorm 会给出一个黄色波浪线,提示我没有定义组件。虽然能够 dev 和 build,但是一堆黄色的波浪线很影响观感。

解决这个问题也很简单,在 tsconfig.json 中添加一个配置项。其他的配置项我就不给出了:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {"@/*": ["src/*"]}
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "components.d.ts"]
}

所有自动导入的组件都被 vite 写进了 components.d.ts 文件中,include 字段需要加上这个文件。

标签:src,未定义,配置,ts,导入,模板,组件,Vite
From: https://www.cnblogs.com/Enziandom/p/17029126.html

相关文章

  • 自动引入 ElMessage 提示没有导入包,但是已经在 Vite 中配置过自动导入
    Vite可以配置组件自动导入和一些函数自动导入,函数自动导入就是plugins选项下的AutoImport({})。比如,Vue的生命周期函数、watch函数等,都在这里配置。ElementPlus的......
  • Vite+Element Plus Icons 图标配置自动导入
    配置自动导入图标全部导入的话,最终打包出来的大小可能会比较大,下图是我配置自动导入之后,打包出来的大小,全部导入图标打包之后的大小大概是1600+KiB:安装依赖:unplugin-i......
  • 函数式组件与类组件
    类组件的优势:可以定义state,用以保存自己内部的变量;函数式组件不可以,每次调用后都会销毁函数内变量在函数式组件内部不使用副作用钩子定义的变量统称为局部变量,在函数每......
  • Android四大基本组件介绍与生命周期
    ​​Android四大基本组件介绍与生命周期​​Android四大基本组件分别是Activity,Service服务,ContentProvider内容提供者,BroadcastReceiver广播接收器。一:了解四大......
  • 界面控件DevExpress WinForm——属于WinForm组件的MVVM框架
    DevExpressWinForm拥有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。DevExpressWinForm能完美构建流畅、美观且易于使用的应用程序,无论是Office风......
  • QML动态创建组件
    ​​QML中如何动态创建组件_billy的博客​​qml动态创建模型及代理中的代理_蓝博皙的博客-​​QMLListView拖拽移动,代理和模型-Cpper-C++博客​​​​20.QuickQML-F......
  • Vue3中操作子组件实例
    子组件Child.vue<template><hr/>{{INFO}}<hr/><button@click="changeInfo">changeInfo</button></template><scriptsetuplang="ts">import{ref,r......
  • 那些年我们用过的组件-结构化日志组件 Serilog
    什么是结构化日志我们记录日志惯常使用log4j2、NLog等日志组件,这些组件提供了输出到多种终端的能力,但是大部分时候我们选择将日志输出到操作系统的文件系统中,为什么呢?至......
  • vite设置跨域
    1.vite.config.ts或者vite.config.js文件server:{port:3001,host:'0.0.0.0',open:true,proxy:{//代理配置'/api'......
  • ExtJS-UI组件-TreePanel
    ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html转载请注明出处:https://www.cnblogs.com/cqpanda/p/16587500.html更新记录2023年1月2日从笔记迁移到......