dcqcComponentAppearance
快速上手
安装
使用命令安装
shell
pnpm install dc-pro-componentpnpm install dc-pro-componentshell
npm install dc-pro-component --savenpm install dc-pro-component --save全局注册
App.vue
js
import { createApp } from 'vue'
import App from './app.vue'
import * as dc from 'dc-pro-component'
import 'dc-pro-component/lib/style.css'
const app = createApp(App)
app.use(dc).mount('#app')import { createApp } from 'vue'
import App from './app.vue'
import * as dc from 'dc-pro-component'
import 'dc-pro-component/lib/style.css'
const app = createApp(App)
app.use(dc).mount('#app')vue
<template>
<d-button />
</template>
<script setup></script><template>
<d-button />
</template>
<script setup></script>按需引入
button.vue
vue
<template>
<Button>按钮</Button>
</template>
<script setup>
import { Button } from 'dc-pro-component'
</script><template>
<Button>按钮</Button>
</template>
<script setup>
import { Button } from 'dc-pro-component'
</script>报错及解决方式
WARNING
config文件中如果安装完成之后控制台报错Uncaught TypeError:Cannot read properties of null (reading 'isCE')在配置文件中
js
resolve: {
dedupe: [
'vue'
]
}, resolve: {
dedupe: [
'vue'
]
},WARNING
在webpack中控制台报错Uncaught TypeError:Cannot read properties of null (reading 'isCE')
js
const { defineConfig } = require("@vue/cli-service");
const path = require("path");
module.exports = defineConfig({
configureWebpack: {
resolve: {
symlinks: false,
alias: {
vue: path.resolve("./node_modules/vue"),
},
},
},
// ...
});const { defineConfig } = require("@vue/cli-service");
const path = require("path");
module.exports = defineConfig({
configureWebpack: {
resolve: {
symlinks: false,
alias: {
vue: path.resolve("./node_modules/vue"),
},
},
},
// ...
});