Почему приложение Angular 7 выдает ошибку при сборке?

Question

Я работаю над приложением Angular 7.Он работает нормально на локальном хосте через порт 4200. Но когда я пытаюсь собрать его, говоря: 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

Похоже, у вас нет файла «environment / environment.prod.ts"

Answer 2

Прежде всего, я не буду предлагать использовать jquery с angular, поскольку у самого angular есть все возможности jquery и в более оптимизированной форме.

Но даже тогда, если вы захотите использовать его......

вы импортируете jquery неверным способом:

Чтобы получить jquery с angular, вы должны сделать: Во-первых, установить jQuery, используя npm, следующим образом

npm install jquery — save

и включите путь к jQuery следующим образом

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

, затем используйте jQuery:

import * as $ from 'jquery';

(или)

declare var $: any;