arco-design / arco-design-vue

A Vue.js 3 UI Library based on Arco Design
https://arco.design/vue
MIT License
2.59k stars 501 forks source link

按需引入 无法使用this.$message ? #1823

Open coderhsw opened 1 year ago

coderhsw commented 1 year ago

Basic Info

Steps to reproduce

vite config:

plugins: [ vue(), AutoImport({ resolvers: [ArcoResolver()], eslintrc: { enabled: true } }), Components({ resolvers: [ ArcoResolver({ sideEffect: true }) ] }), createStyleImportPlugin({ libs: [ { libraryName: '@arco-design/web-vue', esModule: true, resolveStyle: (name) => { // css return@arco-design/web-vue/es/${name}/style/css.js } } ] }) ]

this.$message is undefined

tazyong commented 1 year ago

目前按需引入只能处理单文件的引入,其本质就是检查每个 .vue 文件是否有使用 Arco 组件,如果有则导入对应的代码和样式。 this.$message 是在 App 层面注入的,无法在单文件中处理,所以不被支持。