在使用节点时找不到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