установить загрузчик на угловой проект

Question

Привет, у меня есть последние угловые кли в моей машине. Я попытался установить загрузчик на угловой проект. Вот шаги, которые я выполнил.

1. ng new Demo
2. npm установить загрузчик jquery --save

3. Затем откройте проект в коде в файле angular.json, который я копирую код ниже.

   "стили": [ "styles.css", "../node_modules/bootstrap/dist/css/bootstrap.css" ], "скрипты": [ "../node_modules/jquery/dist/jquery.min.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ]

после этого я запускаю проект ng serve я получил эту ошибку MSG.

Angular Live Development Server прослушивает localhost: 4200, открыт ваш браузер на http://localhost:4200/ ** 91% дополнительного актива обработка скриптов-webpack-plugin × ｢wdm｣: ошибка: ENOENT: такого файла нет или каталог, откройте 'D: \ Угловая \ node_modules \ JQuery \ расстояние \ jquery.min.js'

Answer 1

Проекты CLI в Angular 6 и далее будут использовать angular.json вместо .angular-cli.json для сборки и конфигурации проекта.

В каждом рабочем пространстве CLI есть проекты, у каждого проекта есть цели, и у каждой цели могут быть конфигурации. Документы

. {
  "projects": {
    "my-project-name": {
      "projectType": "application",
      "architect": {
        "build": {
          "configurations": {
            "production": {},
            "demo": {},
            "staging": {},
          }
        },
        "serve": {},
        "extract-i18n": {},
        "test": {},
      }
    },
    "my-project-name-e2e": {}
  },
}

В вашем angular.json добавьте пути к файлу в массив стилей и сценариев в папке build target с ./ вместо ../

Boostrap 4 больше не поддерживает Глификоны, вы можете использовать Font Awesome вместо:
Выполнить npm install --save font-awesome и добавить путь к файлу addd в массив стилей

 "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/ng6",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.app.json",
            "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
            "styles": [
              "src/styles.css","./node_modules/bootstrap/dist/css/bootstrap.min.css"
               "./node_modules/font-awesome/css/font-awesome.css"
            ],
            "scripts": ["./node_modules/jquery/dist/jquery.min.js",
                       "./node_modules/bootstrap/dist/js/bootstrap.min.js"]
          },