Angular 部署在 Gitlab CI 上無法正常工作

Question

我正在 Angular 9.1.9 上開發一個網頁，並在Gitlab Pages上進行部署。 我已經設法部署它，但 Angular Build 似乎沒有顯示在頁面上，但構建代碼已上傳。

我們剛剛放棄並將其部署在netlify上，它可以工作，但我們想學習讓它在 Gitlab 上工作

這是包含所有代碼的存儲庫： https://gitlab.com/neural-fuse/neural-fuse/-/tree/develop

這是部署和 Angular 構建（在瀏覽按鈕中）； 和.gitlab-ci.yml代碼：

image: node:13.0.1 

pages:
  cache:
    paths:
    - node_modules/
  stage: deploy
  script:
    - npm install -g @angular/cli@9.1.9
    - npm install
    - ng build --prod
    - mkdir public
    - mv dist/neural-fuse/* public
  artifacts:
    paths:
      - public

  only:
  - develop

Answer 1

你在這里錯過的是- ng build --prod --base-href /neural-fuse/而不是- ng build --prod

在 gitlab 中，您的項目轉到您的用戶名上的 gitlab 頁面yourusername.gitlab.io/yourprojectname/ /yourprojectname/ 。 Angular 預計將在根級別部署（在文檔中了解更多信息）（即后面沒有'yourprojectname/' ）。 所以我們需要將它設置為在'yourprojectname/'基礎上工作。

最后，保留node版本、 @angular/cli版本和您在 OP 中聲明的分支， yml應如下所示：

image: node:13.0.1 

pages:
  cache:
    paths:
    - node_modules/
  stage: deploy
  script:
    - npm install -g @angular/cli@9.1.9
    - npm install
    - ng build --prod --base-href /neural-fuse/
    - mkdir public
    - mv dist/neural-fuse/* public
  artifacts:
    paths:
      - public

  only:
  - develop