javascript - 使用 Node 时找不到 Bower 组件

Question

当我在端口 8080 启动我的 Node 服务器，并在浏览器中查看时，我看到了这个:

我没有找到任何 bower 文件。

当我只是通过编辑器(如括号)预览代码时。一切正常。我不明白为什么 node 会导致问题。

我在 Node 中的最后一条路线是这样的:

app.get('*', function(req, res){
    res.sendFile(path.join(__dirname + '/public/index.html'));
});

我的文件夹结构是这样的:

我在 HTML 文件中的包含如下所示:

<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css"/>
<style>
    html                    { overflow-y:scroll; }
    body                    { padding-top:50px; }
    #todo-list              { margin-bottom:30px; }
</style>

<!-- JS Source -->
<script src="../bower_components/jquery/dist/jquery.js"></script>
<script src="../bower_components/angular/angular.js"></script>
<script src="./core.js"></script>

如有任何帮助，我们将不胜感激。

Answer 1

您需要公开 bower_compoments 目录，就像您(可能)使用 express.static 中间件对 public 所做的那样。

var path = require('path')
app.use('/bower_components', express.static(path.join(__dirname, 'bower_components')))

---

请注意，截至 2017 年 10 月，您应该 migrate away from Bower .