javascript - 在 HTML 中引用父目录

标签 javascript html bower

就目录引用而言,我理解

./ = current
../ = parent

但是我在这段 HTML 代码中引用我的 bower_components 目录时遇到问题。对 lib 文件夹的引用工作正常,但 bower_components 不行。我错过了什么?

main.html

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <script src="lib/jquery/dist/jquery.min.js"></script>
        <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    </body>
</html>

目录结构如下: enter image description here

最佳答案

尝试访问<your server>/bower_components/bootstrap/dist/js/bootstrap.min.js

这可能行不通。如果您的服务器设置正常public并且可以从客户端访问其下面的文件夹。从客户 Angular public是根,上面没有任何东西。

至于导入 Bootstrap ,请查看您是否可以浏览浏览器中可用的节点。它可能在客户端的另一个 URL 上托管您需要引用的脚本。您还可以在 Bower 文档/示例中找到该 URL。

可以通过将脚本复制或符号链接(symbolic link)到公共(public)目录来解决这个问题,但这有点黑客,如果您完全厌倦了寻找预期的方法,请保存它。

关于javascript - 在 HTML 中引用父目录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32781261/

相关文章:

javascript - 在 React Native 渲染文本组件中显示动画值

javascript - 将 JavaScript 与 Html 链接的问题

html - 如何使用 CSS3 或 HTML5 使样板中的标题图像的大小响应?

javascript - 动态数字表单控件问题

angularjs - 如何在我的 angular 指令 bower 包中使用单独的模板?

javascript - Gulp 和 Bower - 创建正确的文件结构

javascript - 如何计算适合div的等宽字体的字符数

javascript - 如何确保扩展类必须在 TypeScript 中设置属性值?

javascript - 匹配特定单词的正则表达式模式

jquery - Bower:安装 jquery 1x 和 2x