关于angularjs:尝试使用express 4多次加载angular

 2021-04-27 

Tried to load angular more than once with express 4

当我尝试加载angular路线(因此是模板)时,出现此错误:

警告:试图多次加载angular。

我认为路由存在问题,导致无限循环,但我无法弄清问题所在。

server.js

1
2
3
4
5
6
7
8
9
10
11
var express = require('express');
var bodyParser = require('body-parser');
var app = express(); //Create the Express app

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

app.set('views', __dirname + '/server/views');

app.set('view engine', 'ejs');

module.exports = app;

app.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
angular
  .module('vapescannerApp', [
    'ngAnimate',
    'ngResource',
    'ngRoute',
    'theControllers'
  ])
  .config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.ejs',
        controller: 'MainCtrl'
      })
      .when('/about', {
        templateUrl: 'views/about.ejs',
        controller: 'AboutCtrl'
      })
      .when('/something/:id', {
        templateUrl: 'views/ProductDetails.ejs',
        controller: 'DetailsCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });
  });

www.js

1
2
3
4
5
6
7
8
9
10
11
12
13
var app = require('../server');

app.get('*', function(req, res){

    res.render("index");

});

app.set('port', process.env.PORT || 8000);

var server = app.listen(app.get('port'), function() {
  console.log('Express server listening on port ' + server.address().port);
});

应用程序结构

1
2
3
4
5
6
7
8
9
-- bin
   - www.js
-- public
   - app.js
-- server
   -- views
      - productDetails.ejs
      - main.ejs
      - about.ejs

1
2
app.get('*', function(req, res){
    res.render("index");

很难确切地说,但这将重定向每条路径以渲染index。如果您的路由与公共目录中的文件不匹配,则express将尝试再次呈现索引文件。如果索引文件包含Angular,则该包含可能会被渲染两次。您可以关闭此路由,或使其更具体地用于调试目的,以确认所有资源均已正确包含。