vue3的那些坑

vue3项中遇到的问题

1.富文本相关

1.1 富文本组件

@wangeditor_editor-for-vue

官网地址：www.wangeditor.com/v5/toolbar-…

1. 遇到的问题：在正常使用组件引入时出现http请求报错

http://localhost:3000/admin/node_modules/.vite/deps/@wangeditor_editor-for-vue.js?v=32aa1f84 net::ERR_ABORTED 504 (Outdated Optimize Dep)

如果你使用 Vite 作为构建工具，可能需要对 Vite 进行一些配置，确保 @wangeditor/editor-for-vue 能被正确处理。可以在 vite.config.js 中添加如下配置，确保 @wangeditor/editor-for-vue 被正确优化：

// 预加载项目必需的组件
export default {
    optimizeDeps: {
        include: ['@wangeditor/editor-for-vue'] 
    } 
}

加上之后便解决了问题：可能是引入组组件被使用，但是组件其他内容还没有加载完成，所以需要预加载一下