Угловой AOT: ОШИБКА в html-файле компонента ng: ожидалось 0 аргументов, но получено 1

Первоначально я получал следующую ошибку при публикации углового.net core SPA App:

Не удается разрешить rxjs/operator в директивах release\

Что я решил, обновив версию rxjs до 5.6.

Теперь при публикации приложения я получаю следующие ошибки:

 WARNING in EnvironmentPlugin - NODE_ENV environment variable is undefined.

You can pass an object with default values to suppress this warning.
See https://webpack.js.org/plugins/environment-plugin for example.

ERROR in ng:///D:/ClientApp/app/components/search/search.component.html (15,91): Expected 0 arguments, but got 1.

ERROR in ng:///D:/ClientApp/app/components/search/search.component.html (134,32): Expected 0 arguments, but got 1.

ERROR in ng:///D:/ClientApp/app/components/search/search.component.html (278,25): Expected 1 arguments, but got 0.

ERROR in ng:///D:/ClientApp/app/components/search/search.component.html (15,91): Expected 0 arguments, but got 1.

ERROR in ng:///D:/ClientApp/app/components/search/search.component.html (134,32): Expected 0 arguments, but got 1.

ERROR in ng:///D:/ClientApp/app/components/search/search.component.html (278,25): Expected 1 arguments, but got 0.

Search.Component.html файл:

<div class="search">
<div class='panel panel-primary'>
    <div class='panel-heading resultbar'>
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <span class=' navbar-toggle collapsed glyphicon glyphicon-menu-hamburger' (window:resize)="onZoomIn($event)" (click)="toggleHeader()" style="cursor: pointer;" placement="top"></span>
        **</div>**

Не в состоянии понять проблему

3 ответа

Я обнаружил, почему эта ошибка была вызвана, это мой бывший @HostListener в моем классе:

@HostListener("window:resize", ["$event.target"])
onResize() {
    this.getElWidth();
}

Как сказал Прасант Джая, ошибка выдается, потому что я забыл добавить параметр в onResize(). Теперь это мой новый код, слегка измененный и работающий нормально:

@HostListener("window:resize", ["$event.target"])
onResize(event) {
    this.getElWidth();
}

Вам может быть лучше использовать @HostListener в вашем классе, чем прослушивание изменения размера окна непосредственно в шаблоне, если вы хотите устранить эту ошибку.

Эта ошибка возникает при вызове функции из представления в компоненте без или с меньшим количеством параметров. Вызов функции компонента должен иметь такое же количество параметров, как вы объявили в функции.

Если вы все еще получаете ту же ошибку, попробуйте добавить any к параметру, он принимает любой тип значения.

onZoomIn(event : any){
  console.log(event);
}

Я получил эту ошибку и эффективно, у меня была функция в моем компоненте, ожидающая получить один параметр, и я вызвал без такового в моем шаблоне:facepalm:

Другие вопросы по тегам