如何在我的ejs文件中包含bootstrap文件？ [英] How to include bootstrap file in my ejs files?

问题描述

所以我使用npm-bootstrap@3安装了bootstrap，但是当我尝试在应用程序中包含node_module中的bootstrap.min.css文件时，它在我的控制台中显示以下错误：

错误消息

在网络选项卡中显示

在引导源上找不到404。

下面是我的项目结构上的一些图像：

项目文件夹结构

包含引导文件的ejs代码

这里有什么问题？

推荐答案

看起来您是在基于ejs文件的位置构建相对路径，实际上您需要做的是查看ejs视图的映射路径，并且需要将其设置为相对路径。 在您的示例中，它是header.ejs，假设您是从根页面提供它，它应该是../node_modules，但如果这样做，它将中断到一个不同的页面，如/POSTS/FOO，因此解决问题的最佳方法是将css文件放在/public/css文件夹中，并将公用文件夹添加为您的静电文件夹，并使用类似/css/bootstrap.min.css

的路径

这篇关于如何在我的ejs文件中包含bootstrap文件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！