小编sim*_*ner的帖子

更新

很抱歉没有添加细微的细节,我们也将很多div元素叠加在一起z-index.在解决了这个问题之后,似乎webkit-transform实际上与z-index排序混淆了,而实际问题与动画本身无关.

结束更新

我目前正处于一个项目中,我们开发了一个非常重视CSS3动画的应用程序.我们div用-webkit-transform和来制作很多元素-webkit-transition.

一切都很好,直到今天,页面的所有待动画元素都消失了.谷歌浏览器似乎已经从12.xx升级到13.0.782.107m,现在,突然之间,带有-webkit前缀的CSS3属性已经停止工作,并且已经应用​​了这个属性的元素不再显示.-webkit-transform通过Chrome调试器删除属性会使元素再次可见.

有没有其他人遇到过同样的问题,或者知道如何解决这个问题？

我可能会补充一点,我试图仅删除-webkit前缀(只留下transform),然后显示缺少的元素,但之后根本不会为元素设置动画,因为transform不支持CSS3属性.

我一直在使用也试过el.style.webkitTransform和el.style.WebkitTransform,没有成功.

将传递一些示例代码来解释.期望的结果是sq1离开并揭示sq2.

HTML:
<div id="sq1" style="z-index:10;">
<div id="sq2" style="z-index:5;">

JS
/* fetch the element */
var el = document.getElementById("sq1");
/* apply CSS */
el.style["-webkit-transition"] = "-webkit-transform 500ms linear";
el.style["-webkit-transform"] = "translate3d(30px, 30px, 0px)";

我正在尝试将在 Vercel 上运行的 Next.js 项目从

    "pino-datadog": "2.0.2",
    "pino-multi-stream": "6.0.0",

到

    "pino": "8.4.2",
    "pino-datadog-transport": "1.2.2",

我从 pino-datadog-transport 的README.md复制设置：

import { LoggerOptions, pino } from 'pino'

const pinoConf: LoggerOptions = {
  level: 'trace',
}

const logger = pino(
  pinoConf,
  pino.transport({
    target: 'pino-datadog-transport',
    options: {
      ddClientConf: {
        authMethods: {
          apiKeyAuth: process.env.DATADOG_API_KEY,
        },
      },
      ddServerConf: {
        site: 'datadoghq.eu',
      },
      service: process.env.VERCEL_URL
      ddsource: 'nodejs',
    },
  }),
)

这似乎在本地工作正常，但是当我在 Vercel 上发布它并在那里运行时，出现以下错误：

ERROR   Error: unable to determine transport target for "pino-datadog-transport"
    at fixTarget (/var/task/node_modules/pino/lib/transport.js:136:13)
    at Function.transport …