Nuxt3中组件DatePicker无法使用

fanzaiyang commented 1 year ago

[ ] I'm sure this does not appear in the issue list of the repository

基本信息

依赖包名及版本: @arco-design/web-vue@2.37.4
框架版本: 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)

希望大佬们帮忙看看。😂

异常结果

复现步骤

关键代码

<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

bilskip commented 1 year ago

Same problem, any news or workarounds?

zuoWinger commented 1 year ago

Same problem, any news or workarounds? 我也是一样的问题，nuxt3中使用这个时间或日期选择组件都是这样的错误，添加了 NUXT3的只在客户端渲染（）也没用 ,会一样的报错目前版本是：2.39.2 ，已使用v2.38.3~2.39.2这几个版本都是一样的错误

hehehai commented 1 year ago

目前在 Nuxt 中使用 ArcoVue 的问题，处理优先级较低，也欢迎大家有新的 PR 或解决方案可以分享出来。

LUDA0831 commented 1 year ago

同样的问题,现在有解决方案吗

zuoWinger commented 1 year ago

1、换别的日期控件，我换了一个专门做日期控件来替代2、建议更换字节UI框架为饿了么PULS 或者nuxt官方支持的另一款，因为字节UI官方也发现了这个问题，但是因为这个框架的优先级不高，暂时不修复（这是官方单独回复我的）

一只瘦宅。 @.***

------------------ 原始邮件 ------------------ 发件人: @.>; 发送时间: 2022年12月20日(星期二) 下午3:22 收件人: @.>; 抄送: @.>; @.>; 主题: Re: [arco-design/arco-design-vue] Nuxt3中组件DatePicker无法使用 (Issue #1720)

同样的问题,现在有解决方案吗

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: @.***>

LUDA0831 commented 1 year ago

好的谢谢,已经开发一个星期了,留这大一个坑,赶紧换了