在使用节点时找不到Bower组件

当我在端口8080启动节点服务器,并在浏览器中查看时,我看到:

在这里输入图像描述

我没有find任何凉亭文件。

当我通过编辑器,如方括号预览代码。 一切正常。 我不明白为什么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> 

任何帮助将非常感激。

您需要像public使用express.static中间件一样暴露bower_compoments目录。

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

把它们放在公共文件夹中。 最好用.bowerrc 。 在.bowerrc所在的目录下创build一个名称为.bowerrc的文件,内容如下:

 { "directory": "public/bower_components" } 

我想象你正在使用express包来创build你的服务器的路线。 你有没有设置静态资产? http://expressjs.com/en/starter/static-files.html