从浏览器控制台中删除重大警告

时间:2020-06-27 07:38:32

标签: angular angular-material

在我的浏览器控制台中得到警告:

已弃用:DI正在实例化令牌“ MatCarouselHammerConfig”,该令牌继承其@Injectable装饰器,但自身不提供装饰器。 这将成为v10中的错误。请将@Injectable()添加到“ MatCarouselHammerConfig”类。

我去了node_modules/@ngmodule/material-carousel/esm5/lib/carousel.module.js

 * @fileoverview added by tsickle
 * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import * as tslib_1 from "tslib";
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { MatCarouselComponent } from './carousel.component';
import { MatCarouselSlideComponent } from './carousel-slide/carousel-slide.component';
import { HammerGestureConfig, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
// https://github.com/angular/angular/issues/10541#issuecomment-300761387
var
// https://github.com/angular/angular/issues/10541#issuecomment-300761387
MatCarouselHammerConfig = /** @class */ (function (_super) {
    tslib_1.__extends(MatCarouselHammerConfig, _super);
    function MatCarouselHammerConfig() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.overrides = {
            pinch: { enable: false },
            rotate: { enable: false }
        };
        return _this;
    }
    return MatCarouselHammerConfig;
}(HammerGestureConfig));
// https://github.com/angular/angular/issues/10541#issuecomment-300761387
export { MatCarouselHammerConfig };
if (false) {
    /** @type {?} */
    MatCarouselHammerConfig.prototype.overrides;
}
var MatCarouselModule = /** @class */ (function () {
    function MatCarouselModule() {
    }
    /**
     * @return {?}
     */
    MatCarouselModule.forRoot = /**
     * @return {?}
     */
    function () {
        return {
            ngModule: MatCarouselModule,
            providers: [
                { provide: HAMMER_GESTURE_CONFIG, useClass: MatCarouselHammerConfig }
            ]
        };
    };
    MatCarouselModule.decorators = [
        { type: NgModule, args: [{
                    declarations: [MatCarouselComponent, MatCarouselSlideComponent],
                    imports: [CommonModule, MatButtonModule, MatIconModule],
                    exports: [MatCarouselComponent, MatCarouselSlideComponent]
                },] }
    ];
    return MatCarouselModule;
}());
export { MatCarouselModule };

如何在此js文件中添加@Injectable()装饰器。 我需要解决这个问题。

1 个答案:

答案 0 :(得分:0)

我的angular 10项目中存在此问题,似乎是Ivy导致了此问题,需要更新此插件以支持Ivy,如果您找到任何解决方案,请告诉我。

Github问题已存档,但仍在项目github页面上打开:https://github.com/gbrlsnchs/material2-carousel/issues/59