arco-design-vue icon indicating copy to clipboard operation
arco-design-vue copied to clipboard

Nuxt3中组件DatePicker无法使用

Open fanzaiyang opened this issue 3 years ago • 14 comments

基本信息

  • 依赖包名 及 版本: @arco-design/[email protected]
  • 框架版本: nuxt 3.0.0-rc.11
  • 浏览器版本: chrome105.0.0.0
  • 复现地址: https://stackblitz.com/edit/github-fwsuqs?file=app.vue

额外补充

报错信息:

Uncaught (in promise) TypeError: headerValue.value.format is not a function
    at ReactiveEffect.fn (@arco-design_web-vue.js?v=9565e3a5:15508:1)
    at ReactiveEffect.run (chunk-B7LC2MEY.js?v=5de653d0:386:19)
    at get value [as value] (chunk-B7LC2MEY.js?v=5de653d0:1213:35)
    at unref (chunk-B7LC2MEY.js?v=5de653d0:1126:29)
    at Object.get (chunk-B7LC2MEY.js?v=5de653d0:1129:35)
    at Object.get (chunk-B7LC2MEY.js?v=5de653d0:3657:26)
    at Proxy._sfc_render65 (@arco-design_web-vue.js?v=9565e3a5:15597:1)
    at renderComponentRoot (chunk-B7LC2MEY.js?v=5de653d0:1930:39)
    at ReactiveEffect.componentUpdateFn [as fn] (chunk-B7LC2MEY.js?v=5de653d0:5603:46)
    at ReactiveEffect.run (chunk-B7LC2MEY.js?v=5de653d0:386:19)

点击选择框报错信息:

@arco-design_web-vue.js?v=9565e3a5:16359 Uncaught (in promise) TypeError: current.isSame is not a function
    at isSame (@arco-design_web-vue.js?v=9565e3a5:16359:1)
    at setHeaderValue (@arco-design_web-vue.js?v=9565e3a5:16374:1)
    at resetHeaderValue (@arco-design_web-vue.js?v=9565e3a5:16391:1)
    at @arco-design_web-vue.js?v=9565e3a5:17142:1
    at callWithErrorHandling (chunk-B7LC2MEY.js?v=5de653d0:1373:18)
    at callWithAsyncErrorHandling (chunk-B7LC2MEY.js?v=5de653d0:1381:17)
    at job (chunk-B7LC2MEY.js?v=5de653d0:2643:9)
    at callWithErrorHandling (chunk-B7LC2MEY.js?v=5de653d0:1373:32)
    at flushJobs (chunk-B7LC2MEY.js?v=5de653d0:1560:9)

希望大佬们帮忙看看。😂

异常结果

image

复现步骤

关键代码

<template>
  <div class="wrap">
    <a-date-picker style="width: 200px" />
  </div>
</template>

插件引入代码plugins/arco-design.client.ts

import { defineNuxtPlugin } from '#app';
import ArcoVue from '@arco-design/web-vue';
import '@arco-design/web-vue/dist/arco.css';

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(ArcoVue);
});

stackblitz示例:https://stackblitz.com/edit/github-fwsuqs?file=app.vue

fanzaiyang avatar Oct 09 '22 02:10 fanzaiyang