Angular 部署 - 类型 {production : boolean} 上不存在 apiUrl

Question

我开发了一个带有 Laravel 后端的 Angular 7 应用程序。在尝试为生产构建和部署时，我遇到了一个错误。

src/app/services/user.service.ts(10,32): error TS2339: Property 'apiUrl' does not exist on type '{ production: boolean; }'.

在 angular cli 上，我运行了这个:

ng build --prod

环境.ts

export const environment = {
  production: false,
  apiUrl:   'http://example.com/api',   
};

用户服务.ts

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { environment } from 'src/environments/environment';

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

 private API_URL= environment.apiUrl;


  constructor(private http: HttpClient) { }

  login(email, password) {
const obj = {
  email: email,
  password: password
};
console.log(obj);
this.http.post(this.API_URL + '/login', obj)
    .subscribe(res => console.log('login Done',res));
  }

}

在

ng build --prod

我希望它能够构建，然后我将 dist 文件放在在线服务器上。

这是错误:

src/app/services/user.service.ts(10,32): error TS2339: Property 'apiUrl' does not exist on type '{ production: boolean; }'.

注意:我是第一次这样做。

Answer 1

environment.ts文件将在构建期间被替换，ng build --prod替换 environment.ts与 environment.prod.ts所以只需添加 apiUrl 环境类的属性 environment.prod.ts文件

export const environment = {
  production: true,
  apiUrl:   'http://example.com/api', 
};