【问题标题】:Error: $injector:modulerr ASP.Net Core错误:$injector:modulerr ASP.Net Core
【发布时间】:2017-08-06 20:31:22
【问题描述】:

我正在尝试在我的 dotnet webapi 项目中使用 Angular。我已经通过 npm 安装了 angular 和 angular-ui-router,并且所有脚本都添加到了我的 default.html 页面,包括开发和阶段/生产。

为了测试它,我写了以下内容:

<body ng-app="myApp">
    <h1>hello</h1>
    {{2+2}}
</body>

此代码不起作用并给我错误:错误:$injector:modulerr 模块错误。它无法获取 myApp。我已将 app.js 包含在 myApp 所在的 default.html 中。

angular.module('myApp', [

我已尝试使用 ui-view 并添加了一个 .state,但这也不起作用。如果我只在标签中输入 ng-app,那么 {{2+2}} 可以工作。我做错了什么?

提前致谢。

编辑:https://jsfiddle.net/ztn4kc15/

【问题讨论】:

  • 你能添加一个小提琴来重现这个问题吗?您是否在 angular.module 调用中添加依赖项?
  • 刚刚删除了我的回复
  • 我的意思是一个小提琴jsfiddle.net,我可以在其中重现问题以找到原因。看到这个stackoverflow.com/help/mcve
  • 嗯,我可以试试,但我的代码是一个非常基本的使用 asp.net core 启动的示例:)

标签: javascript angularjs asp.net-core .net-core


【解决方案1】:

你的依赖是错误的。你应该使用

angular.module('myApp', ['ngRoute']);

Fiddle

ui.route 代表AngularUI router,但angular-route(您在小提琴中添加的那个)代表ngRoute

【讨论】:

  • 这仍然无法为我解决。只是说{{2+2}}
  • 看到你的 github repo,确保在 head 标签中包含脚本。您将它们包含在正文中 - 可能 js 代码在 angular-route 下载之前运行。试试看它是否有效(使用 ui.router)
  • 不起作用。应该就是这么简单,但一定是我遗漏了什么。
  • 也考虑投票:P 还有哪个解决方案适合您?使用 ng-route 而不是 angular ui route ?移动脚本?请记住,答案指出,anguluiar ui 路由器和 ngrouter 是 angularjs 的两个不同路由器
  • 我猜两者都有。我编辑了依赖项并移动 + 删除了一些脚本,以使其在 head 顶部更干净
猜你喜欢
  • 1970-01-01
  • 2017-08-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-10-29
  • 1970-01-01
相关资源
最近更新 更多