Html AngularJS风格不适合新环境

我非常需要你

我的应用程序在旧环境中工作，然后我将相同的源代码移动到新环境中。在我看来（猜测），即使源代码相同，样式表和图像也无法加载到新环境中

非常感谢您的建议和帮助

一些注释

• 一,。旧的工作环境是NodeJs 6.11、Angular2和 Angular cli 1.0.0
• 二,。新的非工作环境是NodeJs 8.4、Angular4和 第1.4.3节
• iii.我将引导程序放在本地 “app/css/bootstrap/dist/css/bootstrap.min.css”

应为带有样式和徽标的第一页。这仍然适用于旧环境：

我在下面的新环境中得到了明确的分数。所有的样式和图像都消失了。右边的firefox控制台显示这些都没有加载。它是否与新版本的Webpack相关？

我的代码-app.component.html

我的新不工作包.json

My index.html

请帮忙。我是HTML和AngularJS的初学者。 请让我知道，如果我需要提供更多信息或我需要升级一些模块

致以最良好的祝愿，

---

自动运行

在最新版本的angular cli中将css样式、图像和javascript文件移动到assets文件夹中

使用“资产”文件夹中的以下图像：

<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-->
],

“样式”：[
“styles.css”
],
“脚本”：[
,
],

---

更改后，重新启动项目。

这将继续讨论Chandru的答案。它起作用了。请看我更改的屏幕截图。既然我不能在评论中发布截图，我希望可以在这里发布

---

嗨，钱德鲁，谢谢你的快速帮助。它起作用了！我知道你的想法，但我没有移动我的css和图像到资产文件夹。我在angular-cli.json中指定了我现有的文件夹app/css和app/images。它起作用了。“资产”：[“资产”、“favicon.ico”、“应用程序/css”、“应用程序/图像”]，