繁体   English   中英

程序找不到我的脚本文件

[英]Program can't find my script files located

我正在使用带有express和Angularjs的node.js来构建我的网站,但是我在控制台中得到以下输出看来程序找不到我的脚本文件了

GET http://localhost:3000/images/entet_gauche.gif 404 (Not Found)
GET http://localhost:3000/js/app.js 
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.8/$injector/modulerr?p0=MetaStore&p1=Error%…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.8%2Fangular.min.js%3A17%3A350)

程序似乎找不到我的脚本文件,路径有问题吗?

的index.html

<body ng-app="MetaStore">
  <a class="navbar-brand" href="#">
    <img alt="Brand" src="./images/entet_gauche.gif">
  </a>

  <div ng-controller="produContr" class="container">
    <div class="container-fluid">
      <div class="row">

        <div ng-repeat="product in products | filter:search:strict" class="col-sm-3">
          <h3> {{product.name}} </h3>
          <p> {{product.content}} </p>
          <p><strong>Prix : </strong> {{product.prix}} DH</p>
        </div>

      </div>

    </div>
  </div>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>

  <script src="/js/app.js"></script>

</body>

JS / app.js

var app = angular.module('MetaStore',[]); app.controller('produContr',function($ scope,$ http,$ interval){

})

server.js

var express = require("express");
var mysql = require("mysql");
var app = express();

var connection = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "",
  database: "angularjsDB"
});

connection.connect(function(error) {
  if (error) {
    console.log("Problem with MySQL" + error);
  } else {
    console.log("Connected with Database");
  }
});

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

app.get('/load', function(req, res) {
  connection.query("SELECT * from product", function(err, rows) {
    if (err) {
      console.log("Problem with MySQL" + err);
    } else {
      res.end(JSON.stringify(rows));
    }
  });
});

app.listen(3000, function() {
  console.log("It's Started on PORT 3000");
});

更新:这是我的目录结构:

index  location -> (folder/index.html) ...
server location -> (folder/server.js) ...
app location -> (folder/js/app.js) ...
picture location ->(folder/images/entet_gauche.gif)

感谢您的关注和关注

看起来您尚未设置静态文件中间件。 在进行路由之前,请添加:

app.use(express.static(__dirname + '/public'));

其中“ public”是包含CSS和js文件的文件夹。 在快速文档中查看您可能需要的其他选项。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM