Question

Boostrap css文件返回404时出现了一个奇怪的场景。

这只是一个简单的Angular“快速启动”风格的应用程序，我使用Angular CLI创建。我将bootstrap添加到package.json并使用npm update安装它。

索引文件非常简单，并在头部包含以下链接元素：
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />

bootstrap.min.css类确实存在于该位置。

然后我使用ng serve --port 3000 --open

运行应用

在呈现的页面中没有样式，Chrome开发工具（在控制台中）中出现红色错误文本，通知我 Failed to load resource: the server responded with a status of 404 (Not Found) :3000/node_modules/bootstrap/dist/css/bootstrap.min.css

但是，如果我单击开发工具的Sources选项卡，bootstrap.min.css类就在那里，就像我期望的那样。

有谁知道到底发生了什么事？

Answer 1

您应该在>>> import nltk >>> sent_tokenizer=nltk.punkt.PunktSentenceTokenizer() >>> sent_tokenizer.sentences_from_text(x) ['First sentence.', 'Second sentence?', 'Third sentence.']配置的styles数组中添加样式表：

.angular-cli.json

例如，如果您在{ ..., "apps": [ { ..., "styles": [ "./node_modules/bootstrap/dist/css/bootstrap.min.css" ] } ] }文件夹中的配置中有root，则应在样式网址前添加src

Answer 2

您需要使用angular.cli.json添加第三方样式。

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

Angular中的Bootstrap样式404

2 个答案: