javascript - 如何在我的 ejs 文件中包含 Bootstrap 文件?

标签 javascript css node.js twitter-bootstrap ejs

所以我已经使用 npm -bootstrap@3 安装了 Bootstrap ,但是当我尝试在我的应用程序中包含来自 node_modules 的 bootstrap.min.css 文件时,它在我的控制台中显示了这个错误:

错误信息

enter image description here

在网络选项卡中显示

404 not found on the bootstrap source.

下面是我的元素结构的一些图片:

元素文件夹结构

enter image description here

包含 Bootstrap 文件的 ejs 代码

enter image description here

这里有什么问题?

最佳答案

我在学习本教程后遇到了同样的问题。你可以通过 express.static 内置的中间件功能来解决这个问题。

  1. 创建一个名为 public 的目录
  2. 将以下代码添加到您的 app.js 文件

    app.use(express.static('public'))

  3. 现在您可以将您的 Bootstrap 文件放在这个目录(或子目录)中并将它们链接到 public 目录。

您可以在此处找到更多信息。 https://expressjs.com/en/starter/static-files.html

关于javascript - 如何在我的 ejs 文件中包含 Bootstrap 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47501589/

相关文章:

html - 位置 div margin top 30px 但使用 margin auto 将 margin 保持在中心?

javascript - 球沿抛物线轨迹反弹

javascript - Node.js 无需保存文件即可将 Mp3 流式传输到 http

javascript - 在mongodb中同时并按位置递减多个值

javascript - NPM:如何添加不为包消费者运行的 "post-install" Hook ?

javascript - $sce.trustAsHtml 不起作用?

javascript - forEach 在 iOS Safari 上不起作用

javascript - 如何正确渲染 Backbone.js View

javascript - 嵌入式 SVG 中的 onload 事件不调用附加脚本中的函数。范围问题?

html - 如何将按钮放在中间