Задать вопрос
@givemoneybiatch
Немного веб, немного гейм
node.js

Angular 5 ng build --prod не видит скрипты?

После билда, не загружаются скрипты и стили: Uncaught SyntaxError: Unexpected token <
В sources браузера видно, что вместо js, css там лежит index.html.
spoiler
5afa87059e5c4550078542.png

С сервера отдаю папку
app.use(express.static(__dirname + '/../public'));
В роутере отдаю index.html. 
router.get('*', function (request, response) {
  response.status(200).sendFile(path.resolve('public/dist/index.html'));
});

Далее angular-cli.json.
spoiler
{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "test-proj"
  },
  "apps": [{
    "root": "src",
    "outDir": "public/dist",
    "assets": [
      "assets",
      "favicon.ico"
    ],
    "index": "index.html",
    "main": "main.ts",
    "polyfills": "polyfills.ts",
    "test": "test.ts",
    "tsconfig": "tsconfig.app.json",
    "testTsconfig": "tsconfig.spec.json",
    "prefix": "app",
    "styles": [
      "../node_modules/ngx-toastr/toastr.css",
      "../node_modules/font-awesome/css/font-awesome.min.css",
      "../node_modules/ngx-smart-modal/ngx-smart-modal.scss",
      "scss/styles.scss"
    ],
    "scripts": [],
    "environmentSource": "environments/environment.ts",
    "environments": {
      "dev": "environments/environment.ts",
      "prod": "environments/environment.prod.ts"
    }
  }],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "lint": [{
      "project": "src/tsconfig.app.json"
    },
    {
      "project": "src/tsconfig.spec.json"
    },
    {
      "project": "e2e/tsconfig.e2e.json"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "scss",
    "component": {}
  }
}

index.html
<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Test</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>

<body>
  <app-root class="app">Loading...</app-root>
</body>

</html>

Я хочу отдавать всю папку public, внутри которой: dist (файлы ангуляра, стили и т.д.) и uploads (аватарки). Если же сложить их в одну папку dist, то при каждом билде аватарки удаляются.
  • Вопрос задан
  • 758 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@givemoneybiatch Автор вопроса
Немного веб, немного гейм
UPDATE
ng build --prod -d /dist/ - сложит весь билд в папку public/dist
и папка public/uploads не удалится
Старый ответ
Разобрался.
В моем случае нужно запускать билд так
ng build --base-href=/dist

https://angular.io/guide/deployment
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Backend Developer (Node.js)🔥
Fundraise Up
от 3 800 до 6 300 $
Разработчик Node.js (BackEnd) Middle +
Wanted.
от 250 000 до 330 000 ₽
Senior Backend Engineer (Node.js)
Hoodies
До 4 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Настройка таргетинговой рекламы в Meta, (Facebook) и Instagram
29 нояб. 2024, в 16:17
15000 руб./за проект
Ищу UX/UI-дизайнера + верстальщика на Tilda
29 нояб. 2024, в 15:36
40000 руб./за проект
Разработка IoT устройств на базе LoRaWAN для мониторинга почв
29 нояб. 2024, в 15:09
1500000 руб./за проект
Ещё заказы