Javascript文件具有引用,但返回错误
我有一个非常简单的代码,我不明白它不起作用的地方 我想从index.html中引用app.js。在零件中,我有一个对它的引用(如果我按Ctrl键并单击它,它会将我发送到正确的文件),但当我在浏览器中运行它时,出现以下错误:Javascript文件具有引用,但返回错误,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我有一个非常简单的代码,我不明白它不起作用的地方 我想从index.html中引用app.js。在零件中,我有一个对它的引用(如果我按Ctrl键并单击它,它会将我发送到正确的文件),但当我在浏览器中运行它时,出现以下错误: 未捕获语法错误:意外标记尝试使用angular.bootstrap()与ng app指令没有依赖关系: <body data-ng-controller="mainController as main"> </body> 现在在脚本文件中: &l
未捕获语法错误:意外标记尝试使用
angular.bootstrap()
与ng app
指令没有依赖关系:
<body data-ng-controller="mainController as main">
</body>
现在在脚本文件中:
<script type="text/javascript">
angular.module('userApp', [
'app.routes',
'authService',
'mainCtrl',
'userCtrl',
'userService',
'ngAnimate',
'ngRoute'
]);
angular.bootstrap(document, ['userApp']);
</script>
angular.module('userApp'[
'应用程序路线',
“授权服务”,
“mainCtrl”,
“userCtrl”,
“用户服务”,
“ngAnimate”,
“ngRoute”
]);
引导(文档,['userApp']);
问题似乎与
的使用有关,您可以了解。然后,脚本文件的包含将从应用程序中删除。要么将该文件添加到正文底部,要么使用angular.bootstrap()
。然而,这是完美的。您的意思是:使用angular.bootstrap()?angular.bootstrap()
您不必依赖于ngapp
指令,您可以创建模块并将其引导。你可以在下面的答案中看到,或者浏览ngdocs。它给出了相同的错误。angular教程说,我把文件放在哪里并不重要,因为加载文档时data ng应用程序会处理它。谢谢!angular.bootstrap()清除了模块未找到错误。但是,这个未可知的语法错误:意外的标记@AlexFlorin刚刚看到了问题所在。这是由于
。把它取下来工作。模块问题。在我用angular.bootstrap(文档,['userApp'])替换数据ng应用程序后,模块问题消失了;。现在剩下的一个是uncaughtsyntaxerror:意外标记脚本中有什么?看看你有没有这个
<script type="text/javascript">
angular.module('userApp', [
'app.routes',
'authService',
'mainCtrl',
'userCtrl',
'userService',
'ngAnimate',
'ngRoute'
]);
</script>
<body data-ng-controller="mainController as main">
</body>
<script type="text/javascript">
angular.module('userApp', [
'app.routes',
'authService',
'mainCtrl',
'userCtrl',
'userService',
'ngAnimate',
'ngRoute'
]);
angular.bootstrap(document, ['userApp']);
</script>