2017-06-21 53 views
0

我是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

回答

2

您只需要在您的項目根目錄中找到的.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

相關問題