Javascript 使用节点时未找到Bower零部件

Javascript 使用节点时未找到Bower零部件,javascript,html,node.js,bower,Javascript,Html,Node.js,Bower,当我在端口8080启动节点服务器并在浏览器中查看时,我看到以下内容: 我找不到任何鲍尔的档案 当我只是通过编辑器预览代码时,比如括号。一切正常。我不明白为什么节点会导致问题 节点中的最后一条路由如下所示: app.get('*', function(req, res){ res.sendFile(path.join(__dirname + '/public/index.html')); }); <link rel="stylesheet" href="../bower_comp

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

我找不到任何鲍尔的档案

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

节点中的最后一条路由如下所示:

app.get('*', function(req, res){
    res.sendFile(path.join(__dirname + '/public/index.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>
我的文件夹结构如下所示:

app.get('*', function(req, res){
    res.sendFile(path.join(__dirname + '/public/index.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>

HTML文件中的my Include如下所示:

app.get('*', function(req, res){
    res.sendFile(path.join(__dirname + '/public/index.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>

html{overflow-y:scroll;}
正文{padding top:50px;}
#待办事项列表{页边距底部:30px;}

任何帮助都将不胜感激。

将它们放入公用文件夹。最好使用
.bowerrc
。在与
bower.json
相同的目录中创建名为
.bowerrc
的文件,其内容如下:

{
  "directory": "public/bower_components"
}

将它们放在公用文件夹中。最好使用
.bowerrc
。在与
bower.json
相同的目录中创建名为
.bowerrc
的文件,其内容如下:

{
  "directory": "public/bower_components"
}

您需要公开
bower\u组件
目录,就像您(可能)使用
express.static
中间件公开
public
一样

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


请注意,从2017年10月起,您应该。

您需要公开
bower\u组件
目录,就像您(可能)使用
express.static
中间件使用
public
一样

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


请注意,从2017年10月起,您应该。

我想您正在使用
express
包创建服务器的路由。
您是否设置了静态资产

我想象您正在使用
express
包创建服务器的路由。
您是否设置了静态资产

非常感谢你!鲍尔没有在他们的网站上解释这一点!非常感谢你!鲍尔没有在他们的网站上解释这一点!