问题1:main.js?56d7:27 Uncaught ReferenceError: Antd is not defined
*解决办法
在package.json文件中,添加babel配置,其中"libraryName"的值必须与main.js中的Antd一致。
main.js
import Vue from 'vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
//导入app根组件
import App from './App'
Vue.use(Antd);
Vue.config.productionTip = false;
new Vue({
render: h => h(App),
}).$mount('#app');
package.json
{
"name": "antd-demo",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"ant-design-vue": "^1.4.10",
"axios": "^0.19.2",
"core-js": "^3.4.4",
"vue": "^2.6.10"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.1.0",
"@vue/cli-plugin-eslint": "^4.1.0",
"@vue/cli-service": "^4.1.0",
"babel-eslint": "^10.0.3",
"babel-plugin-import": "^1.13.0",
"eslint": "^5.16.0",
"eslint-plugin-vue": "^5.0.0",
"less": "^3.10.3",
"less-loader": "^5.0.0",
"vue-router": "^3.1.5",
"vue-template-compiler": "^2.6.10"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"rules": {
"no-console": "off"
},
"parserOptions": {
"parser": "babel-eslint"
}
},
"browserslist": [
"> 1%",
"last 2 versions"
],
//新添加的配置信息
"babel": {
"plugins": [
[
"import",
{
"libraryName": "Antd",
"style": "true"
}
]
]
}
}