如何做简易的网站,设计公司企业文化,站长之家站长工具综合查询,小型网站开发小论文之前用 vite VUE3 TS 开发了几个项目#xff0c;最近因为一个新项目#xff0c;想着升级这些版本#xff0c;就重新起了一个项目#xff0c;结果遇到了然自己爆炸的问题。
element-plus 官方推荐的按需引入#xff0c;配置也给的明明白白#xff1a;
npm install -D …之前用 vite VUE3 TS 开发了几个项目最近因为一个新项目想着升级这些版本就重新起了一个项目结果遇到了然自己爆炸的问题。
element-plus 官方推荐的按需引入配置也给的明明白白
npm install -D unplugin-vue-components unplugin-auto-import// vite.config.ts
import { defineConfig } from vite
import AutoImport from unplugin-auto-import/vite
import Components from unplugin-vue-components/vite
import { ElementPlusResolver } from unplugin-vue-components/resolversexport default defineConfig({// ...plugins: [// ...AutoImport({resolvers: [ElementPlusResolver()],}),Components({resolvers: [ElementPlusResolver()],}),],
})结果是无法引入
App.vue:17 [Vue warn]: Failed to resolve component: el-button
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.at Appauto-imports.d.ts 文件和 components.d.ts 文件都有生成components.d.ts 里面也出现了组件的引入
/* eslint-disable */
// ts-nocheck
// Generated by unplugin-vue-components
// Read more: https://github.com/vuejs/core/pull/3399
export {}/* prettier-ignore */
declare module vue {export interface GlobalComponents {ElButton: typeof import(element-plus/es)[ElButton]HelloWorld: typeof import(./src/components/HelloWorld.vue)[default]}
}我还特地去提了个 issue结果别人用这个 repo 可以我就让两三个同事试试结果惊呆了我都可以node 版本一模一样有一个把整个项目打包给我包括 node_modules我的电脑还是不行。
也不知道自己怎么乱尝试的网上各种文章跟着各种配置结果就是引入不了。后面发现其实也有别人遇见了这个问题还去提了 issue https://github.com/unplugin/unplugin-vue-components/issues/752
官方人员试了都能正常工作也找了几个网上的热心人员帮忙都一样跟电脑有关系。
最终结果是我降了版本v0.26.0 可以我顺便也去提了 issue描述了一下跟电脑有关系结果不知道什么时候可以回复。
这种问题确实也是不好解决不知道跟电脑哪些东西冲突了本来不自量力打算本地怎么调试找一下问题down 了 unplugin-vue-components 项目结果不知道怎么运行调试。
如果有小伙伴知道答案希望能分享一下如果有调试 unplugin-vue-components 的方法也希望能分享一下。
欢迎关注订阅号 coding个人笔记
