Skip to content

[bug] 使用 naive-ui 报错 #53

@leechaojie

Description

@leechaojie

项目中使用的是 native-ui,报错,然后自己新建了一个 vite + vue 工程,按教程 main.js 引入注册组件:
画布内的组件显示不出来,右侧边栏的配置项组件也显示不出来

测试使用 ant-design-vue 就没有问题

Image

package.json:

{
  "name": "vite-project",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "ant-design-vue": "^4.2.6",
    "epic-designer": "^1.0.1",
    "vue": "^3.5.13"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^5.2.1",
    "naive-ui": "^2.41.0",
    "vite": "^6.2.0"
  }
}

mian.js

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'

// 引入epic-designer样式
import "epic-designer/dist/style.css";

import { setupNaiveUi } from "epic-designer/dist/ui/naiveUi";

// 注册Naive Ui
setupNaiveUi();

createApp(App).mount('#app')

HelloWorld.vue

<template>
  <div class="h-full">
    <EDesigner />
  </div>
</template>
<script setup lang="ts">
import { EDesigner } from "epic-designer";
</script>
<style>
.h-full {
  height: 100vh;
}
</style>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions