javascript - 火狐。类型错误 : 0 is read-only

Question

我仅在 Firefox 中遇到此错误。
找不到问题的根源。
堆栈跟踪引用node_modules/jquery/dist/jquery.js
终点是 jquery 中的这一行
style[ name ] = value; 在 jquery 的样式方法中，但我的应用程序代码中没有样式方法调用。也许旧的 Angular.js 在 ng-style 评估中调用它？
如有任何建议，我们将不胜感激。

Angular 1.6
Angular 5.2.9(混合应用)
JQuery 3.3.1(是的，我知道它很难看，我们将在应用程序的新 Angular 版本中摆脱它)火狐浏览器60.0.1

UPD错误日志。

TypeError: 0 is read-only Stack trace: style@webpack-internal:///./node_modules/jquery/dist/jquery.js:6498:6 set@webpack-internal:///./node_modules/jquery/dist/jquery.js:6764:5 run@webpack-internal:///./node_modules/jquery/dist/jquery.js:6725:4 tick@webpack-internal:///./node_modules/jquery/dist/jquery.js:7094:5 jQuery.fx.tick@webpack-internal:///./node_modules/jquery/dist/jquery.js:7436:9 schedule@webpack-internal:///./node_modules/jquery/dist/jquery.js:6813:3 ZoneDelegate.prototype.invokeTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:421:17 onInvokeTask@webpack-internal:///./node_modules/@angular/core/esm5/core.js:4956:24 ZoneDelegate.prototype.invokeTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:420:17 Zone.prototype.runTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:188:28 ZoneTask.invokeTask@webpack-internal:///./node_modules/zone.js/dist/zone.js:496:24 ZoneTask/this.invoke@webpack-internal:///./node_modules/zone.js/dist/zone.js:485:28 timer@webpack-internal:///./node_modules/zone.js/dist/zone.js:2025:17

Answer 1

在 Mozilla Web 检查器中调试后，我发现哪个元素样式受到 jquery 样式方法的影响。这是一些遗留代码，必须在转换结束后删除元素。

$('.digit')
.css({ transform: 'translateY(2.5em)' })
.animate('slow', () => { $('.digit').remove(); });

如您所见，在没有定义 css 属性对象的情况下调用了 animate 方法。不知道哪个版本的 JQuery 允许这样的语法，但我解决了像这样更改代码的错误

const $digit = $('.digit');
$digit.css({ transform: 'translateY(2.5em)' });
$digit.on('transitionend webkitTransitionEnd oTransitionEnd', () => {
    $digit.remove();
});