使用 github 集成在我的 Angular 项目上使用 Netlify 部署失败
Deployment failed with Netlify on my Angular project with github integration
我已将我的 Angular 项目推送到 github 并 link 将 github 回购到我的 netlify 帐户以进行持续部署。但是当我打开 link 到我的主页时,我看到来自 netlify 的消息说 link 已损坏。
Link 到 github 仓库:https://github.com/grgkro/SWAB
在我的 netlify 项目的概述页面中,我必须转到“站点设置”:
这里点击“Build & deploy”,输入构建命令npm run build
(npm install netlify自动运行)。并且还更改构建目录。 Netlify 自动仅将 dist/ 设置为 dist 文件夹,但 Angular 项目在文件夹 build/<project name>
中生成,而不是 dist/
您还应该在您的 src 文件夹中包含 _redirects
文件,以允许在您的应用程序中进行路由。
然后,将文件包含在 angular.json
中的资产中,如下所示:
"assets": [
"src/assets",
]
在文件中,包括:
/* /index.html 200
我已将我的 Angular 项目推送到 github 并 link 将 github 回购到我的 netlify 帐户以进行持续部署。但是当我打开 link 到我的主页时,我看到来自 netlify 的消息说 link 已损坏。
Link 到 github 仓库:https://github.com/grgkro/SWAB
在我的 netlify 项目的概述页面中,我必须转到“站点设置”:
这里点击“Build & deploy”,输入构建命令npm run build
(npm install netlify自动运行)。并且还更改构建目录。 Netlify 自动仅将 dist/ 设置为 dist 文件夹,但 Angular 项目在文件夹 build/<project name>
中生成,而不是 dist/
您还应该在您的 src 文件夹中包含 _redirects
文件,以允许在您的应用程序中进行路由。
然后,将文件包含在 angular.json
中的资产中,如下所示:
"assets": [
"src/assets",
]
在文件中,包括:
/* /index.html 200