Question

我正在使用angular 7应用程序。在端口4200上的localhost上运行正常。但是，当我尝试通过说：ng build --prod来构建它时，会抛出类似...的错误。

 C:\xampp\htdocs\angular-vzrure\src\environments\environment.prod.ts path in file replacements does not exist.

app.component.ts

import { Component } from "@angular/core";
import * as $ from "jquery";
@Component({
  selector: "my-app",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
})
export class AppComponent {
  name = "Angular";

  public ngOnInit() {
    $('.carousel[data-type="multi"] .item').each(function() {
      var next = $(this).next();
      if (!next.length) {
        next = $(this).siblings(":first");
      }
      next
        .children(":first-child")
        .clone()
        .appendTo($(this));

      for (var i = 0; i < 2; i++) {
        next = next.next();
        if (!next.length) {
          next = $(this).siblings(":first");
        }

        next
          .children(":first-child")
          .clone()
          .appendTo($(this));
      }
    });
  }
}

Answer 1

首先，我不建议将jquery与angular一起使用，因为角度本身具有jquery的所有功能，并且形式更优化。

但是即使如此，如果要使用……

您以错误的方式导入jquery：

要获取有角度的jQuery，您应该执行以下操作：首先，如下所示使用npm安装jQuery

npm install jquery — save

并按照以下步骤添加到jQuery的路径

"scripts": [ "../node_modules/jquery/dist/jquery.min.js" ]

然后使用jQuery：

import * as $ from 'jquery';

（或）

declare var $: any;

Answer 2

似乎您没有文件“ environments / environment.prod.ts”

为什么Angular 7应用在构建时会抛出错误？

2 个答案: