角2不会导入CSS引导

直接从https://angular.io/docs/ts/latest/guide/forms.html 角2不会导入CSS引导

让我们添加的样式表。

打开应用程序根文件夹一个终端窗口和输入命令：

NPM安装引导--save

打开index.html并添加以下连结的头部。

链路的rel = “样式表的” href = “node_modules /引导/ DIST/CSS/bootstrap.min.css”>

然而，我不断收到404

GET http://localhost:4200/node_modules/bootstrap/dist/css/bootstrap.min.css

它的作品，当我添加在线地址的脚本，但为什么角无法找到我的文件的路径？

来源

2016-07-04 David Pascoal

您可以检查是否存在的CSS在文件系统上的那个位置。你使用角度cli来建立？如果是，那么您需要将其复制到供应商并调整路径 –

是的，该文件在那里。通过添加到供应商你的意思是vendorNpmFiles？我在那里添加了这行'bootstrap/**/*'，它仍然不起作用。 –

是的，现在检查文件是否在dist/vendor中。如果是，那就改链接链接rel =“stylesheet”href =“vendor/bootstrap/dist/css/bootstrap.min.css”> –

当index.html与node_modules位于同一目录时，它正在工作。

要添加引导角CLI把

'bootstrap/dist/**/*.+(js|css.map|css|eot|svg|ttf|woff|woff2)'

在angular-cli-build.js和运行ng build

来源

2016-07-04 17:22:26

谢谢！这就是诀窍:) –

您正在使用的构建角度CLI因此你需要在更新vendorNpmFiles复制引导到供应商目录angularcli-build.js

bootstrap/**/*.*

现在您需要更新的index.html的链接，从销售商

< link rel="stylesheet" href="vendor/bootstrap/dist/css/bootstrap.min.css">

来源

2016-07-04 17:29:23

挑CSS如果使用角-CLI的过渡的WebPack后，添加

"../node_modules/bootstrap/dist/css/bootstrap.css"

到styles阵列中angular-cli.json像：

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

如果您还使用bootstrap javascript，请将这些文件添加到scripts阵列中。

来源

2016-09-14 07:43:59 MartinW

建议将Bootstrap CSS应用于应用[0] .styles; E.I. “样式”：[ “../node_modules/bootstrap/dist/css/bootstrap.css”， “styles.css” ]，参见https://www.npmjs.com/package/angular-cli –

@ MartinW将它添加到angular-cli.json或仅将其导入sass/scss文件（如果使用的话）之间有什么区别？ – Todilo

不知道，为什么没有人赞成这个？这是最简单的方法。但我确实必须重做“ng serve”才能获得更改。 – Plankton

如果您使用角CLI，你可以去root/styles.css，并添加此行

@import "../node_modules/bootstrap/dist/css/bootstrap.min.css";

或者去.angular-cli.json和修改styles

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

来源

2016-10-15 01:57:26

这个答案在一年后仍然有效。做得好！ – EdoB

是的，这工作....谢谢，如果你这样做，你不需要添加index.html。 – Buminda

角2不会导入CSS引导

回答

相关问题