角度部署 - apiUrl 在类型 {production : boolean} 上不存在答案

【问题标题】：Angular deployment - apiUrl does not exist on the type {production : boolean}角度部署 - apiUrl 在类型 {production : boolean} 上不存在
【发布时间】：2019-10-24 07:45:58
【问题描述】：

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

src/app/services/user.service.ts(10,32): 错误 TS2339: 属性 'apiUrl' 不存在于类型 '{ production: boolean; }'。

在 angular cli 上我运行了这个：

ng build --prod

环境.ts

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

user.service.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): 错误 TS2339: 属性 'apiUrl' 不存在于类型 '{ production: boolean; }'。

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

【问题讨论】：

你可能没有改变你的environment.prod.ts，只是你的environment.prod。引用 environment.ts “ng build ---prod` 用 `environment.prod.ts 替换 environment.ts”
我该如何改变这个
我在写的时候犯了一个小错误。除了你的environment.ts，我想更改你的environment.prod.ts

标签： angular laravel api

【解决方案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', 
};

【讨论】：

【解决方案2】：

只需在environment.ts 和environment.prod.ts 中添加您的属性。

【讨论】：

【解决方案3】：

只需要在 environment.ts 和 environment.prod.ts 中添加你的属性。

enviroment.ts

environment.prod.ts

【讨论】：