Question

使用Angular 4创建SPA应用程序.net核心2.使用引导程序进行样式化。

从角度4成功升级到角度5后，所有引导程序样式都消失了。看起来没有加载bootstrap.css。

Answer 1

根据您的评论，您已将bootstrap 4添加到package.json：

这就是我在package.json中的bootstrap（“bootstrap”： “^ 4.0.0-beta.3”）

你有早期版本（Bootstrap 3甚至Bootstrap 4 beta 2）吗？从Bootstrap 3到Bootstrap 4，甚至从Bootstrap 4 beta版本都有重大变化。检查Bootstrap迁移doc：[迁移到v4 - Bootstrap] [1]

如果您想继续使用Bootstrap 3，可以使用以下链接：

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js

Answer 2

谢谢RusselD。事实上，这就是我使用的bootstrap 3中的一些类现在没有处于bootstrap 4中的问题。在将它们更改为正确之后它再次工作。谢谢大家的快速回复。理解

Answer 3

你使这比它需要的更复杂。您无需手动在package.json中添加任何内容。只需转到您的根项目并下载最新版本的bootstrap

npm install bootstrap@4.0.0-alpha.6

然后停止服务器并转到根目录中的.angular-cli.json文件并打开它。然后在scripts下找到apps并将这些行粘贴到scripts。

"scripts": [
   "../node_modules/jquery/dist/jquery.min.js",
   "../node_modules/tether/dist/js/tether.min.js",
   "../node_modules/bootstrap/dist/js/bootstrap.min.js"
   ]

同样在"scripts"的顶部找到"styles"并粘贴此行。

"styles": [
  "../node_modules/bootstrap/dist/css/bootstrap.min.css",
  "styles.css"
]

现在你应该好好去，我想。

所以我看到你没有使用CLI所以这里是替代的

以角度

src

从他们的网站下载引导程序并将其保存在此处
在正文中的index.html文件底部添加<script>window.__theme = 'bs4';</script>
将boottrap文件导入index.html文件顶部的index.html文件中。

将角度4升级到角度5后，bootstrap css样式无法正常工作

3 个答案: