在 Vite 建的 Vue3,Typescript 项目里,开发时,可以正常使用 Vditor
,一旦使用 yarn build
打包项目,就会报错。
我专门建一个新项目,里面只添加一个 Vditor
的依赖,再次打包,依然失败。
这是写的代码
<template> <div id="vditor"></div> </template> <script lang="ts" setup> import { onMounted } from "vue"; import Vditor from "vditor"; ref: vditor = null as null | Vditor; onMounted(() => { initVditor() }) const initVditor = () => { vditor = new Vditor("vditor", { height: 360, toolbarConfig: { pin: true, }, cache: { enable: false, }, after: () => { if (vditor) vditor.setValue('hello, Vditor + Vue!') } }); } </script> <style> @import url(vditor/dist/index.css); </style>
这是报错内容
yarn run v1.22.10 warning package.json: No license field $ vue-tsc --noEmit && vite build node_modules/vditor/dist/index.d.ts:1:23 - error TS2688: Cannot find type definition file for './types'. 1 /// <reference types="./types" /> ~~~~~~~ node_modules/vditor/dist/index.d.ts:6:13 - error TS2304: Cannot find name 'IVditor'. 6 vditor: IVditor; ~~~~~~~ node_modules/vditor/dist/index.d.ts:11:53 - error TS2304: Cannot find name 'IOptions'. 11 constructor(id: string | HTMLElement, options?: IOptions); ~~~~~~~~ node_modules/vditor/dist/index.d.ts:64:22 - error TS2304: Cannot find name 'ICommentsData'. 64 getCommentIds(): ICommentsData[]; ~~~~~~~~~~~~~ node_modules/vditor/dist/method.d.ts:1:23 - error TS2688: Cannot find type definition file for './types'. 1 /// <reference types="./types" /> ~~~~~~~ node_modules/vditor/dist/method.d.ts:10:43 - error TS2304: Cannot find name 'IHljs'. 10 static highlightRender: (hljsOption?: IHljs, element?: HTMLElement | Document, cdn?: string) => void; ~~~~~ node_modules/vditor/dist/method.d.ts:14:16 - error TS2304: Cannot find name 'IMath'. 14 math?: IMath; ~~~~~ node_modules/vditor/dist/method.d.ts:29:90 - error TS2304: Cannot find name 'IVditor'. 29 static outlineRender: (contentElement: HTMLElement, targetElement: Element, vditor?: IVditor) => string; ~~~~~~~ node_modules/vditor/dist/method.d.ts:37:48 - error TS2304: Cannot find name 'IPreviewOptions'. 37 static md2html: (mdText: string, options?: IPreviewOptions) => Promise<string>; ~~~~~~~~~~~~~~~ node_modules/vditor/dist/method.d.ts:39:82 - error TS2304: Cannot find name 'IPreviewOptions'. 39 static preview: (previewElement: HTMLDivElement, markdown: string, options?: IPreviewOptions) => Promise<void>; ~~~~~~~~~~~~~~~ Found 10 errors. error Command failed with exit code 2. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于