使用 babel-plugin-import
出現(xiàn)的意外情況及解決方法
在 babel.config.js
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset',
],
plugins: [
[
"import",
{ libraryName: "ant-design-vue", libraryDirectory: "es", style: true }
// 此時你在這里可能會出錯滑肉,控制臺可能會提示 Uncaught ReferenceError: Antd is not defined,或類似的錯誤提示摘仅,
// 那就有可能是 libraryName 錯誤赦邻。名字要與 main.js 引入命名的一樣
// 解決:將 ant-design-vue 替換為 Antd
]
]
}
main.js
import Vue from 'vue'
import Antd from 'ant-design-vue'
Vue.use(Antd)
```