nodejs无法读取html中的javasscript文件

时间:2015-10-26 03:38:01

标签: angularjs node.js express

节点js一直给我找不到文件错误..

我的目录结构:

app
   --main
   --app.js
   --bootstrap.js
   --route.js
 bower_components
   --requirejs
      --require.js     
 app.js
 index.html 

我相信这段代码应该将目录中的所有静态文件放到中间件堆栈中。

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

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

这是我的HTML

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
   <div style="color:red"> hello I am in index11</div>

    <div ng-view></div>
   <script type="text/javascript"  src="app/test.js"></script>
<script type="text/javascript"  data-main="app/app.js" src="bower_components/requirejs/require.js"></script>
</body>
</html>

我在html中获取字符串。但是,我看到了这个错误 chrome开发人员工具

远程地址:[:: 1]:3000 请求网址:http://localhost:3000/bower_components/requirejs/require.js 请求方法:GET 状态代码:404 Not Found

2 个答案:

答案 0 :(得分:0)

为什么不让express build您的网站并从那里进行修改?

%> npm install -g express-generator
%> express my-app-name

答案 1 :(得分:0)

您必须从index.html中的路径中删除 bower_components app 它将开始工作。因为您有 bower_components 应用 app.use(express.static(path.join(__ dirname,'****')))