举杯邀月

通过标签方式引入antd时date-picker报错:"TypeError: Cannot read property 'default' of undefined"

摘要:通过标签方式引入使用antd的date-picker会因为moment.js引入顺序的问题导致date-picker插件报错

原因是因为antd里的事件都是基于moment插件走的,如果仔细看文档的话不难发现,组件设置时间类型的参数类大部分都是moment

错误的引入方式:

<script src='vue.min.js'>script>
<script src='antd.min.js'>script>
<script src='moment.min.js'>script>
1
2
3

moment 的引入应该在antd之前:

<script src='vue.min.js'>script>
<script src='moment.min.js'>script>
<script src='antd.min.js'>script>
1
2
3

尤其是在打包时使用externals引入第三方cdn的时候,这点尤其要注意

作者:举杯邀月

出处: http://www.hug-code.cn/archives/5ff6ae2fa57df.html

2020-10-25 标签: vue