ошибка TS2339: свойство 'dialogflow' не существует для типа '{production: boolean;}»

Question

Я пытаюсь создать чат-бота, используя Angular 7 и DialogFlow, но когда я разверну его в firebase, я получил ошибку

ОШИБКА в src / app / chat / chat.service.ts (18,33): ошибка TS2339: свойство 'dialogflow' не существует для типа '{production: boolean;} '.

при запуске ng build --prod

Это мой chat.service.ts

import { Injectable } from '@angular/core';
import { environment } from '../../environments/environment';

import { ApiAiClient } from 'api-ai-javascript/es6/ApiAiClient';

import { Observable } from 'rxjs/Observable';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';

export class Message {
  constructor(public content: string, public sentBy: string){}
}

@Injectable({
  providedIn: 'root'
})
export class ChatService {

  readonly token  = environment.dialogflow.angularBot;
  readonly client = new ApiAiClient({accessToken: this.token });
  conversation = new BehaviorSubject<Message[]>([]);

  constructor() { }

  update(msg: Message){
    this.conversation.next([msg]);
  }

  converse(msg: string){
    const userMessage = new Message(msg, 'user');
    this.update(userMessage);

    return this.client.textRequest(msg)
      .then(res => {
        const speech = res.result.fulfillment.speech;
        const botMessage = new Message(speech, 'bot');
        this.update(botMessage);
      });
  }

  talk(){
    this.client.textRequest('Who Are You!')
      .then(res => console.log(res));
  }
}

Как это исправить?Помогите мне, пожалуйста.

Answer 1

Когда вы запускаете ng build --prod angular-cli будет использовать файл environment.prod.ts, а ваша переменная окружения файлов environment.prod.ts не имеет диалогового потока, следовательно, вы получаете ошибку.

Проверьте это для более подробной информации - Свойство 'firebase' не существует для типа {production: boolean;}

Answer 2

Для производственных сред.ts будет заменен на environment.prod.ts

Добавьте ваши свойства angularBot в ваш environment.prod.ts

Проверьте также: https://blog.angularindepth.com/becoming-an-angular-environmentalist-45a48f7c20d8