'角'是未定义的IE10 [英] 'angular' is undefined on IE10
问题描述
我已经开发了PHP作为后端的AngularJs,RequireJs应用和托管WAMP的服务器上。
服务器的机器名是ICC-服务器和别名是iccportal和域名ip.bombay。
I have developed an AngularJs, RequireJs application with PHP as back-end and is hosted on WAMP server. Server machine name is "ICC-Server" and alias is "iccportal" and domain is "ip.bombay".
当我访问与 HTTP门户:在IE10和Chrome //iccportal.ip.bombay
它工作得很好。
When I access the portal with http://iccportal.ip.bombay
on IE10 and Chrome it works well.
但如果我尝试不含域名(的http:// iccportal)访问相同的门户网站
,我得到以下错误
But If I try to access the same portal without domain name (http://iccportal)
, I get following error.
SCRIPT5009:'角'是未定义
app.js,第4行字符1
SCRIPT5009: 'angular' is undefined app.js, line 4 character 1
SCRIPT5009:'角'是未定义
main.js,第6行字符5
SCRIPT5009: 'angular' is undefined main.js, line 6 character 5
我不知道是否有问题或requirejs WAMP。
请指导。
I am not sure if issue with requirejs or WAMP. Please guide.
以下为main.js和app.js的code段
Following is the code snippet for main.js and app.js
require(["app"], function (app) {
// Following line is more important else angular js will not work
angular.bootstrap(document.getElementsByTagName("body")[0], ["wkPortal"]);
});
app.js
(function (define, angular) {
"use strict";
// enable/disable logs
define(["components/home/homeController","components/home/homeService"], function (homeController, homeService) {
var app = angular.module("wkPortal", ["ngRoute", "ngSanitize"]);
// register home controller
app.controller("HomeController", homeController);
// register home service
app.service("HomeService", homeService);
return app;
}
);
}(define, angular));
的index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="shortcut icon" href="favicon.ico" type="image/ico"/>
<title>ICC Portal</title>
<!-- CSS ===================== -->
<!-- load bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/bootstrap-theme.css">
<link rel="stylesheet" href="assets/css/MetroJs.css">
<link rel="stylesheet" href="assets/css/app.css">
</head>
<body>
<div ng-view></div>
<!-- JS -->
<!-- load jquery -->
<script src="assets/js/jquery-2.1.0.js" type="application/javascript"></script>
<script src="assets/js/jquery-ui.js" type="application/javascript"></script>
<script src="assets/js/jquery.validate.js" type="application/javascript"></script>
<!-- Bootstrap -->
<script src="assets/js/bootstrap.js" type="application/javascript"></script>
<!-- load angular -->
<script src="assets/js/angular.min.js" type="application/javascript"></script>
<script src="assets/js/angular-animate.js" type="application/javascript"></script>
<script src="assets/js/angular-cookies.js" type="application/javascript"></script>
<script src="assets/js/angular-route.js" type="application/javascript"></script>
<script src="assets/js/angular-touch.js" type="application/javascript"></script>
<script src="assets/js/angular-sanitize.js" type="application/javascript"></script>
<script src="assets/js/MetroJs.js" type="application/javascript"></script>
<!-- application app -->
<script data-main="app/main" src="assets/js/require.js"></script>
</script>
</body>
</html>
谢谢,
Indrajit
Thanks, Indrajit
推荐答案
该问题可以通过一个较旧的文件模式引起的。
尝试将开发工具(F12)和手动更改文件模式。
如果这样的作品,检查您的网站为什么强制旧的文档模式。
一个可能的原因可能是在你的HTML头部分以下行:
The problem can be caused by an older document-mode. Try going to developer tools (F12), and manually changing the document-mode. If that works, check why your site forces an older document mode. A likely cause may be the following line in your HTML head section:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Internet Explorer中如何选择文档模式之间:链接
这篇关于'角'是未定义的IE10的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!