自动注册vue无效
cuiqg opened this issue · comments
脆皮丶 commented
VUE CLI (4.5.15)
vue.config.js
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const Icons = require('unplugin-icons/webpack')
const IconsResolver = require('unplugin-icons/resolver')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')
module.exports = {
configureWebpack: {
plugins: [
AutoImport({
imports: ['vue', 'vue-router'],
resolvers: [ElementPlusResolver()]
}),
Components({
resolvers: [
ElementPlusResolver(),
IconsResolver({
prefix: false,
enabledCollections: ['ep']
})
]
}),
Icons({
autoInstall: true
})
]
}
}
App.vue
<template>
<el-config-provider :locale="locale" :button="button">
<el-container>
<Header />
<el-container>
<Sidebar />
<Main />
</el-container>
</el-container>
</el-config-provider>
</template>
<script>
import zhCN from "element-plus/lib/locale/lang/zh-cn";
export default defineComponent({
name: "App",
components: {},
setup() {
const locale = ref(zhCN);
const button = reactive({
autoInsertSpace: true,
});
return {
locale,
button,
};
},
});
</script>
会提示:
defineComponent
ref
reactive
未定义
enpitsulin commented
你的配置有误 这样是仅自动引入vue的默认导出参考preset中vue-composition-api.ts
文件
VIISEVEN27 commented
请问问题解决了吗,可以参考一下正确的配置吗?
脆皮丶 commented
请问问题解决了吗,可以参考一下正确的配置吗?
没有弄了
VIISEVEN27 commented
你的配置有误 这样是仅自动引入vue的默认导出参考preset中
vue-composition-api.ts
文件
可以具体说一下应该怎么配置吗
ChenBingChang commented