Javascript $injector:modulerr AngularJS,到目前为止尝试了所有方法

Javascript $injector:modulerr AngularJS,到目前为止尝试了所有方法,javascript,angularjs,node.js,express,Javascript,Angularjs,Node.js,Express,我是angularjs的新手,我正在angularjs网站上学习教程 到目前为止,我尝试的是: 安装angular route并将脚本注入angular.min.js下面 在我的模块中使用了ngRoute 已将控制器脚本添加到my layout.jade 使用了另一个视图引擎vash,仍然存在相同的错误 在头部、正文末端、布局视图和索引中包含脚本。任何操作都不起作用 我正在努力解决这个错误两天了。请帮助我:( 这是我的密码: layout.jade: doctype html html(ng

我是angularjs的新手,我正在angularjs网站上学习教程

到目前为止,我尝试的是:

  • 安装angular route并将脚本注入angular.min.js下面
  • 在我的模块中使用了ngRoute
  • 已将控制器脚本添加到my layout.jade
  • 使用了另一个视图引擎vash,仍然存在相同的错误
  • 在头部、正文末端、布局视图和索引中包含脚本。任何操作都不起作用
我正在努力解决这个错误两天了。请帮助我:(

这是我的密码:

layout.jade:

doctype html
html(ng-app="phoneCatApp")
  head
    meta(charset="utf-8")
    script(src='lib/angular/angular.min.js')
    script(src='lib/angular-route/angular-route.min.js')
    script(src='js/controllers.js')
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body(ng-controller="PhoneListCtrl")
    block content
index.jade:

extends layout

block content
    ul
        li(ng-repeat="phone in phones")
            span {{phone.name}}
            p {{phone.snıppet}}
controller.js:

var phonecatApp = angular.module('phonecatApp', ['ngRoute']);

phonecatApp.controller('PhoneListCtrl', function ($scope) {
    $scope.phones = [
        {
            'name': 'Nexus S',
            'snippet': 'Fast just got faster with Nexus S.'
        },
        {
            'name': 'Motorola XOOM™ with Wi-Fi',
            'snippet': 'The Next, Next Generation tablet.'
        },
        {
            'name': 'MOTOROLA XOOM™',
            'snippet': 'The Next, Next Generation tablet.'
        }
    ];
});
index.js:

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function (req, res) {
    res.render('index', { title: 'Express' });
});

module.exports = router;
app.js:

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var routes = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(require('stylus').middleware(path.join(__dirname, 'public')));
app.use(express.static(path.join(__dirname, 'public')));

//app.use('/', routes);
//app.use('/users', users);

// catch 404 and forward to error handler
app.use(function (req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function (err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function (err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});


module.exports = app;
编辑:


我发现了问题。当我在脚本开头插入“/”时,问题得到了解决。这是因为路径应该是绝对的,以便从子目录中找到脚本。谢谢大家。

我所了解的是,您的模块名称不匹配。请在任何地方更正它(区分大小写)

如果您仍然发现问题,您可以参考此链接


注意:这只是一个基本的演示(没有Jade、Node.js、Express)

我的angularjs版本是1.4.7,我想你需要基本的meta标记来/或类似的
并尝试非min版本的脚本。这会给你人类可读的错误。在从头开始重新编写所有内容之后,它工作了,除了只在一个页面上工作。我正在调试,它不会进入模块并出现相同的错误。
var phonecatApp = angular.module('phonecatApp', ['ngRoute']); // your module Name...

html(ng-app="phoneCatApp") // your declaration of module. mismatched.