Question

在使用Angular 2的非CLI版本构建应用程序的工作版本之后，我正在使用Angular-CLI构建一个Angular 2应用程序。令我惊讶的是，一些代码并没有出现问题。我的非CLI应用程序版本是我的Angular-CLI版本的问题。所有这一切，我已经解决了一切，除了我坚持的最后一个错误。

这是我收到的错误消息：

未捕获错误：模块构建失败：错误： /Users/fdr/Documents/rds/rds/cli-rds/src/app/ui/generate-field.component.ts （340,48）：从导出类返回的公共方法类型有或者是使用私人名称＆＃39; Hint＆＃39;。）

以下是导致错误的问题文件：

import { Component, Input, Output, EventEmitter, OnInit, AfterViewInit, ElementRef, ViewChild } from '@angular/core';
import { EventHandler } from '../app.event-handler';
import  '../app.utils';

@Component({
    selector: 'app-generate-field',
    templateUrl: 'app/ui/generate-field.component.html',
    styleUrls: ['app/ui/generate-field.component.css']

})
export class GenerateField extends EventHandler
{

    public get hasFocus(): boolean
    {
        return this._hasFocus;
    }

    @Input() delay: number = 300;


    @ViewChild('inputField') private inputField: ElementRef;


    @ViewChild('suggestionField') private suggestionField: ElementRef;


    @Input() public value: string;


    @Output() private valueChange: EventEmitter<string> = new EventEmitter<string>();


    @Output() public keyup: EventEmitter<KeyboardEvent> = new EventEmitter<KeyboardEvent>();

    @Output() public focus = new EventEmitter<KeyboardEvent>();

    @Output() public blur = new EventEmitter<KeyboardEvent>();

    private inlineSuggestion: string;

    private suggestions: ISuggestion[];

    @Input() public options: string[];

    @Output() private optionsChange: EventEmitter<string[]> = new EventEmitter<string[]>();

    private isDirty: boolean = false;

    private _hasFocus: boolean = false;


    constructor(myElement: ElementRef)
    {
        super();


        this.defineObservableProperty('value');
        this.defineObservableProperty('isDirty');
        this.defineObservableProperty('suggestions');
        this.defineObservableProperty('options');

        this.addPropertyListener('isDirty', function ()
        {
            if (this.isDirty == false)return;

            var delay = this.delay ? this.delay : 500;

            var self = this;

            setTimeout(function ()
            {
                self.updateSuggestions();

                this.isDirty = false;

            }.bind(this), delay);

        }.bind(this));

        this.addPropertyListener('value', (): void=>
        {
            this.valueChange.emit(this.value);

            this.isDirty = true;
        });

        this.addPropertyListener('suggestions', (): void=>
        {
            this.updateInlineSuggestion();
        });

        this.addPropertyListener('options', ()=>
        {
            this.optionsChange.emit(this.options);
        });

    }

    //--------------------------------------------------------
    // Functions
    //--------------------------------------------------------

    /**
     * Evaluates value and updates the list of suggestions
     */
    public updateSuggestions(): void
    {
        // Update suggestions
        this.suggestions = this.generateSuggestions(this.value);
    }

    /***
     * Updates the inline suggestion that appears on the text field
     */
    private updateInlineSuggestion(): void
    {
        // Clear inline if there are no suggestions
        if (this.suggestions.length == 0)
        {
            this.inlineSuggestion = '';
            return;
        }

        // Show first option inline
        this.inlineSuggestion = this.suggestions[0].value;

        var x = this.inputField.nativeElement.selectionStart;
        var y = this.inputField.nativeElement.selectionEnd;

        this.suggestionField.nativeElement.selectionStart = x;
        this.suggestionField.nativeElement.selectionEnd = y;

        this.inputField.nativeElement.selectionStart = x;
        this.inputField.nativeElement.selectionEnd = y;

        this.suggestionField.nativeElement.scrollLeft = x;

    }

    private onFocus(): void
    {
        this._hasFocus = true;

        // Forward event
        this.focus.emit();
    }

    private onBlur(): void
    {
        this._hasFocus = false;

        // Forward event
        this.blur.emit();
    }


interface ISuggestion
{

    word: string;

    match: string;

    value: string;
}

Answer 1

尝试在代码的最后部分添加“导出接口ISuggestion”，以便导出ISuggestion。

Answer 2

尝试添加：在您的方法之后添加。我遇到了同样的问题，添加任何东西后都解决了。

Angular2错误：导出类的公共方法的返回类型具有或正在使用私有名称

2 个答案: