[英]$injector:modulerr AngularJS, tried everything so far
I am new to angular and I am following the tutorial on angularjs website 我是angular的新手,我正在关注angularjs网站上的教程
What I tried so far: 到目前为止我尝试过的是:
I am trying to solve this error for two days now. 我现在正尝试解决此错误两天。 Please help me :( 请帮我 :(
Here is my code: 这是我的代码:
layout.jade: 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: index.jade:
extends layout
block content
ul
li(ng-repeat="phone in phones")
span {{phone.name}}
p {{phone.snıppet}}
controller.js: 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: 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: 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;
edit: 编辑:
I found the problem. 我发现了问题。 when I insert '/' beginning of the script includes the problem was solved. 当我在脚本开头插入'/'时,问题已解决。 It was because the path should be absolute in order to find scripts even from subdirectories. 这是因为该路径应该是绝对的,以便甚至从子目录中也可以找到脚本。 Thank you all. 谢谢你们。
What I have understood is your module name is mismatched. 我了解的是您的模块名称不匹配。 Make it correct everywhere (Case-sensitive). 使其在任何地方都正确(区分大小写)。
var phonecatApp = angular.module('phonecatApp', ['ngRoute']); // your module Name...
html(ng-app="phoneCatApp") // your declaration of module. mismatched.
If you still find trouble, you may referrer to this link, 如果仍然遇到问题,则可以引荐此链接,
http://jsfiddle.net/micronyks/8RG7y/ http://jsfiddle.net/micronyks/8RG7y/
Note: This is just a basic demo (without Jade, Node.js, Express) 注意:这只是一个基本演示(没有Jade,Node.js,Express)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.