AngularJS風格不適用於新的環境

我非常需要你的你。AngularJS風格不適用於新的環境

我的應用程序正在舊環境中工作，然後我將相同的源代碼移至新環境。對我來說，似乎（猜測）即使源代碼相同，樣式表和圖像也不能加載到新環境中。

任何建議和幫助，高度讚賞。

的一些注意事項，

我。舊的工作環境是NodeJs 6.11，Angular2和 Angular-cli 1.0.0
ii。新的非工作環境是NodeJs 8.4，Angular4和 Angular-cli 1.4.3
iii。我把引導當地「應用程序/ CSS /引導/距離/ CSS/bootstrap.min.css」

預期的第一頁的風格和標誌。這仍舊適用於舊的環境：

我在新的環境下得到了簡單的標記。所有樣式和圖像都消失了。右側的Firefox控制檯顯示這些未加載。它會涉及到新版本的Webpack嗎？

我的代碼 - app.component.html

我的新未加工的package.json

我的index.html

敬請幫助。我是HTML和AngularJS的初學者。如果我需要提供更多信息，或者需要升級某些模塊，請讓我知道。

最好的問候，自動運行

來源

2017-09-23 Autorun

移動你的CSS樣式，圖像和JavaScript文件資產文件夾在角CLI的最新版本。

使用相似圖片下面從資產文件夾：

<img alt="image" class="img-circle" src="assets/iamges/logo.png">

，並添加您的樣式表和javascript文件.angular-cli.json內

"styles": [ 
    <!-- "assets/css/style.css" from assets folder --> 
    <!-- "../node_modules/bootstrap/dist/css/bootstrap.css" from node modules --> 
    "styles.css" 
], 
"scripts": [ 
    <!-- "../node_modules/jquery/dist/jquery.js" from node modules js files -->, 
    <!-- "../src/assets/js/javascript.js" from inside assets files--> 
],

變化重新啓動，項目後。

來源

2017-09-23 04:42:50 Chandru

您好Chandru，thx爲您的快速幫助。有用！我知道你的想法，但我沒有將我的CSS和圖像移動到資產文件夾。我在angular-cli中指定了我現有的文件夾app/css和app/images。JSON。有用。「assets」：[ 「assets」，「favicon.ico」，「app/css」，「app/images」 ]， – Autorun

這是繼續Chandru的答案。有用。請參閱我的更改的屏幕截圖。由於我無法在評論中張貼截圖，所以我希望可以在此發佈。

來源

2017-09-23 23:21:17 Autorun

AngularJS風格不適用於新的環境

回答

相關問題