为什么Angular不能正确地支持/中的文件?

为什么Angular不能正确地支持/中的文件?

问题描述:

我是Angular 2+中的新成员,我已经在使用Angular版本4的应用程序上工作过,我使用CLI创建项目并为其提供服务。为什么Angular不能正确地支持/中的文件?

我想补充manifest.json到我的项目,也是我尝试添加一个图标,这里是我的代码:

src/这是角应用程序的根目录添加这两个文件。当我在浏览器上打开应用程序时,图标没有显示(404),也没有找到清单(404)。

当我把图标到另一个目录(src/assets/icon/),它的工作如预期,但对于manifest.json,它应该是在根。

当我点击HTML页面上的favicon.ico或manifest.json链接时,当我点击Chrome上的Ctrl + U浏览网页源代码时,Angular做的事情非常有用,它显示我index.html的角度。

这是怎么发生的?

如何将我的manifest.jsonfavicon.ico添加到src /的旁边,并且还可以访问它们?

+0

'对于manifest.json,它应该在根目录下。“对于一个清单文件,你应该可以将它放在资产或任何其他路径中。 – abraham

您只需要在您的项目根目录中找到的.angular-cli.json文件中定义资源。

apps[0].assets中,您可以添加要包含在该包中的CLI的文件。只需从src/目录中选择相对路径即可。 I've included one I have for a project of mine as reference。 (第10-14行是你应该看看的)

+0

完美的答案,顺便说一句,非常感谢,为什么我认为你是伊朗人?你是? –

+0

因为你是精神的? (是的,我是伊朗人) – MichaelSolati

+0

P.S.如果您正在尝试使用CLI制作PWA,我可以使用以下几种方法: https://dev.to/michaelsolati/pwas-with-angular-beingreliable https://dev.to/ michaelsolati/pwas-with-angular-beingfast https://dev.to/michaelsolati/pwas-with-angular-being-engaging – MichaelSolati