当前位置: 首页 > 知识库问答 >
问题:

Angular 2不导入引导css

戈宏义
2023-03-14

直接来自https://angular.io/docs/ts/latest/guide/forms.html

让我们添加样式表。

在应用程序根文件夹中打开终端窗口,然后输入命令:

npm安装引导-保存

打开index.html并将以下链接添加到标题。

link rel="样式表"href="node_modules/bootstrap/dist/css/bootstrap.min.css"

然而,我一直得到404

得到http://localhost:4200/node_modules/bootstrap/dist/css/bootstrap.min.css

当我添加带有联机地址的脚本时,它会工作,但是为什么angular找不到文件的路径呢?

共有3个答案

蓬弘
2023-03-14

如果您在webpack转换后使用角cli,请添加

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

angular-cli.json中的样式数组,如:

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

如果还使用引导javascript,请将这些文件添加到脚本数组中。

公羊安怡
2023-03-14

index.htmlnode\u modules位于同一目录中时,它会工作。

要从angular CLI put添加引导,请执行以下操作:

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

angularcli build.js中运行ng build

子车鸿才
2023-03-14

如果您使用的是angular cli,则可以转到root/styles.css并添加此行

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

或者转到.angular-cli.json并修改样式

"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
]
 类似资料:
  • 我启动了简单的Angular 2应用程序,一切正常。但当我添加lodash导入并尝试使用它时,我会出现错误,应用程序停止工作,无法找出问题所在。 我在控制台中遇到以下两个错误: 未捕获的语法错误:意外标记 未捕获的语法错误:意外标记 文件夹 指数html tsconfig.json 包裹json

  • 我遇到了一个问题,从带有angular2的Spring boot加载文件。 这是我在spring boot的代码,它来自:使用spring MVC返回生成的pdf。我可以用postman直接下载文件,但不能用angular2... Angular2服务 和下载按钮 当我点击下载按钮chrome打开新标签并立即关闭它不显示任何文件。以下是Postman的一些响应标题。

  • 我试图将Tesseract导入Angular2(TypeScript)。我可以看到它保存到node_modules文件夹,但使用时

  • 请帮忙,我有两个与Kotlin DSL Gradle一起的spring boot项目,但是,我需要将其中一个导入到另一个,但是,它不起作用。这是我尝试过的: 将外部jar(lib/*.jar)添加到IntelliJ IDEA项目的正确方法 如何将本地. jar文件依赖项添加到build.gradle.kt文件? 在谷歌上搜索前两篇文章有很多不同的地方,我也试过了,但都不管用。此外,我尝试导入生成的

  • 输入引导开关 设置输入引导功能,默认是开启状态还是关闭状态。 /** * 输入引导默认选项 * true: 开启 * false: 关闭 , 默认状态 * @param enable */ Ntalker.getInstance().toggleEnableInputGuideLocal(boolean enable);

  • 我正在启动Angular2应用程序,并使用express和AngularCLI 1.0.0-beta设置服务器。25.5 在这种文件结构中: 当我运行 我得到以下错误: 在我的的其他地方工作,所以我不确定问题是什么。我也没有收到任何vs代码错误来暗示任何东西导入不正确。此外,和都已被ed以及()。是什么阻止了此导入语句表单的工作,我如何纠正该问题? 服务器输电系统