mirror of
https://gitee.com/dapppp/ruoyi-plus-vben5.git
synced 2026-03-19 22:35:35 +08:00
init: antdv-next
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
# External Modules
|
||||
|
||||
In addition to the external modules that are included by default in the project, sometimes we need to import other external modules. Let's take [ant-design-vue](https://antdv.com/components/overview) as an example:
|
||||
In addition to the external modules that are included by default in the project, sometimes we need to import other external modules. Let's take [antdv-next](https://antdv.com/components/overview) as an example:
|
||||
|
||||
## Installing Dependencies
|
||||
|
||||
@@ -13,7 +13,7 @@ In addition to the external modules that are included by default in the project,
|
||||
|
||||
```bash
|
||||
# cd /path/to/your/package
|
||||
pnpm add ant-design-vue
|
||||
pnpm add antdv-next
|
||||
```
|
||||
|
||||
## Usage
|
||||
@@ -22,9 +22,9 @@ pnpm add ant-design-vue
|
||||
|
||||
```ts
|
||||
import { createApp } from 'vue';
|
||||
import Antd from 'ant-design-vue';
|
||||
import Antd from 'antdv-next';
|
||||
import App from './App';
|
||||
import 'ant-design-vue/dist/reset.css';
|
||||
import 'antdv-next/dist/reset.css';
|
||||
|
||||
const app = createApp(App);
|
||||
|
||||
@@ -43,7 +43,7 @@ app.use(Antd).mount('#app');
|
||||
|
||||
```vue
|
||||
<script setup lang="ts">
|
||||
import { Button } from 'ant-design-vue';
|
||||
import { Button } from 'antdv-next';
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
||||
@@ -174,7 +174,7 @@ import {
|
||||
} from '@vben/request';
|
||||
import { useAccessStore } from '@vben/stores';
|
||||
|
||||
import { message } from 'ant-design-vue';
|
||||
import { message } from 'antdv-next';
|
||||
|
||||
import { useAuthStore } from '#/store';
|
||||
|
||||
|
||||
@@ -110,7 +110,7 @@ registry = https://registry.npmmirror.com/
|
||||
If you encounter errors similar to the following, please check that the full project path (including all parent paths) does not contain Chinese, Japanese, or Korean characters. Otherwise, you will encounter a 404 error for the path, leading to the following issue:
|
||||
|
||||
```ts
|
||||
[vite] Failed to resolve module import "ant-design-vue/dist/antd.css-vben-adminode_modulesant-design-vuedistantd.css". (imported by /@/setup/ant-design-vue/index.ts)
|
||||
[vite] Failed to resolve module import "antdv-next/dist/antd.css-vben-adminode_modulesantdv-nextdistantd.css". (imported by /@/setup/antdv-next/index.ts)
|
||||
```
|
||||
|
||||
## Console Route Warning Issue
|
||||
|
||||
Reference in New Issue
Block a user