javascript - angular1 - Uncaught Error $injector :modulerr; angular-router-6ren

javascript - angular1 - Uncaught Error $injector :modulerr; angular-router

转载作者：行者123 更新时间：2023-12-02 14:29:58

25

4

我正在尝试设置 Angular 路由器。

我正在关注this教程。

我已经使用 Bower 安装了 Angular 和 Angular-Router 并将它们列在我的 html 中。一切似乎都按预期加载(控制台中没有 404 错误)，因此脚本就在那里:

<html>
<head>
    <title>Miha Šušteršič</title>
    <!-- JQUERY -->
    <script src="assets/vendor/jquery/dist/jquery.min.js"></script>
    <!-- FOUNDATION -->
    <script src="assets/vendor/foundation-sites/dist/foundation.min.js"></script>
    <!-- ANGULAR -->
    <script src="assets/vendor/angular/angular.min.js"></script>
    <script src="assets/vendor/angular-route/angular-route.min.js"></script>
    <!-- APP -->
    <script src="assets/js/app.min.js" type="text/javascript"></script>
    <!-- FOUNDATION -->
    <link rel="stylesheet" href="assets/vendor/foundation-sites/dist/foundation.min.css">
    <!-- APP -->
    <link rel="stylesheet" href="assets/css/main.css">
</head>
<body ng-app="IntroductionApp">
    <!-- ANGULAR APP -->
    <portfolio></portfolio>
    <!-- FOUNDATION -->
    <script>
        $(document).foundation();
    </script>
</body>
</html>

现在我正在尝试设置一些基本路由。这是我的 app.js 文件(被编译成 angular.min.js):

// MAIN ANGULAR JS FILE
angular
    .module('IntroductionApp', ['ngRoute'])
    .config(['$locationProvider', '$routeProvider',
        function config($locationProvider, $routeProvider) {
            $locationProvider.hasPrefix('!');

            $routeProvider.
                when('/landing', {
                  templateUrl: 'templates/landing.html'
                }).
                when('/portfolio', {
                  templateUrl: 'templates/portfolio.html'
                }).
                otherwise('/landing');
            }
    ]);

现在我在控制台中收到以下错误:

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module IntroductionApp due to: TypeError: t.hasPrefix is not a function at http://localhost:48080/assets/js/app.min.js:1:108 at Object.invoke (http://localhost:48080/assets/vendor/angular/angular.js:4709:19) at runInvokeQueue (http://localhost:48080/assets/vendor/angular/angular.js:4602:35) at http://localhost:48080/assets/vendor/angular/angular.js:4611:11 at forEach (http://localhost:48080/assets/vendor/angular/angular.js:321:20) at loadModules (http://localhost:48080/assets/vendor/angular/angular.js:4592:5) at createInjector (http://localhost:48080/assets/vendor/angular/angular.js:4514:19) at doBootstrap (http://localhost:48080/assets/vendor/angular/angular.js:1751:20) at bootstrap (http://localhost:48080/assets/vendor/angular/angular.js:1772:12) at angularInit (http://localhost:48080/assets/vendor/angular/angular.js:1657:5) http://errors.angularjs.org/1.5.7/$injector/modulerr?p0=IntroductionApp&p1=…2F%2Flocalhost%3A48080%2Fassets%2Fvendor%2Fangular%2Fangular.js%3A1657%3A5)

我做错了什么？

最佳答案

打字错误

$locationProvider.hasPrefix('!');

应该是

$locationProvider.hashPrefix('!');

关于javascript - angular1 - Uncaught Error $injector :modulerr; angular-router，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37925167/

25

4

0

文章推荐： javascript - “fn”不是 Angular 和 Webpack 的函数

文章推荐： javascript - 加载js时遇到问题

文章推荐： javascript - 按需启用/禁用 Quill

文章推荐： javascript - 从主阵列创建较小的阵列

angularjs - $injector.instantiate VS $injector.get VS $injector.invoke in angularjs
$injector.instantiate有什么区别, $injector.get和 $injector.invoke在 AngularJS 中？最佳答案鉴于以下服务: app.service('
angular - Reflective Injector 和 Injector in Angular 的区别
我尝试使用两种方式显式创建依赖关系。两者几乎相同，但我有点困惑使用反射注入(inject)器比普通注入(inject)器有什么优势，推荐使用哪种方式？使用注入(inject)器 import { I
javascript - Angular 中的 [$injector :nomod], [$injector:modulerr] 错误
我对 Angular js 很陌生，以下是我的代码 (function(angular){ var testAngular = angular.mo
Angular Dart 教程第 5 节 - 'self.injector$Injector'
在英雄之旅教程的第 5 节中，main.dart 包含以下行: final InjectorFactory injector = self.injector$Injector; 这是错字吗？它在 VS
javascript - Uncaught Error : [$injector:modulerr] and Uncaught Error: [$injector:nomod]
你好我是 Angular JS 的初学者，当我开始创建模块和 Controller 时，我无法打印我的消息，下面是我的代码 var myModule = angular.module("myFirst
dart - Angular Dart 给出错误 : The getter 'injector$Injector' isn't defined for the class 'self'
我只是想在 Angular Dart 中尝试路由。我在关注这个https://webdev.dartlang.org/angular/guide/router/1指导，但我收到错误。这一行给出错误
javascript - Express.js 应用程序尝试使用 Angular : Uncaught Error: [$injector:nomod] and Uncaught Error: [$injector:modulerr]
自从我设置一个与 Angular 一起运行的网络应用程序以来已经有一段时间了。我正在通过一个旧项目回顾我的步骤(尝试在我正在做的页面上实现一个 Controller ，确保 Controller 文件
javascript - Uncaught Error : [$injector:modulerr] Failed to instantiate module jacksApp due to: Error: [$injector:nomod]
我正在尝试学习 Angular，但无法正确加载它。我看了一下关于 SO 的类似问题，但找不到我要找的东西。有人知道为什么会出现这个错误吗？在我看来，我是否正确地调用了我的新应用程序/模块？我的剧本错
javascript - Uncaught Error : [$injector:modulerr] Failed to instantiate module myApp due to: Error: [$injector:modulerr]
我使用环回作为后端，使用 postgresql 作为数据库。所以我尝试使用 lb-service/js。如果我尝试在 login.js 中包含 lbServices (angular.module(
angularjs - Uncaught Error : [$injector:modulerr] http://errors. angularjs.org/1.2.14/$injector/modulerr
我正在尝试将表情符号应用程序注入(inject)我的项目。我添加了emoji.min.js并像这样引用它现在我也将它注入(inject)到我的项目中，如下所示: angular.module('
angularjs - 错误 : [$injector:unpr] http://errors. angularjs.org/1.3.5/$injector/unpr?p0=
当我尝试将 $cookie 包含到我的 Controller 中时出现此错误。任何人都可以向我解释我做错了什么？我在 index.html 中有 angular-cookie.js 我在 conf
javascript - 错误: $injector:modulerr Module Error Failed to instantiate module printStation due to: Error: [$injector:modulerr
我正在使用 anguarjs 开发一个应用程序，并出现如下错误: 无法实例化模块 myApp，原因是:错误:[$injector:modulerr] http://errors.angularjs.o
angularjs - 为什么我收到 ' Error: [$injector:modulerr] http://errors.angularjs.org/1.2.21/$injector/modulerr'
var demoapp = angular.module('demoapp', []); demoapp.controller('SimpleC
javascript - Angularjs 错误 : [$injector:modulerr] http://errors. angularjs.org/1.4.7/$injector/modulerr?p0
我正在尝试通过网络摄像头简单地读取二维码，但我在控制台打开 Angular 帮助页面时遇到此错误，但说使用 ngRoute Error: [$injector:modulerr] http://err
javascript - 未捕获错误 : [$injector:modulerr] http://errors. angularjs.org/1.6.6/$injector/modulerr?p0 仍然无法正常工作请检查我的代码
我正在尝试对此进行编码，只是使用路由从第一个页面跳转到另一个页面，但为什么它不起作用，我搜索并使用了很多技巧但仍然失败，请问有人吗？ index.html Angular Js
javascript - Uncaught Error : [$injector:modulerr] Failed to instantiate module myApp due to: Error: [$injector:unpr] Unknown provider: $routeProvider
我收到此错误: ncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to: Error: [$inje
javascript - ng-route 注入(inject)器错误 :modulerr [$injector:modulerr] http://errors. angularjs.org/1.3.14/$injector/modulerr
我正在尝试创建一个带有 Angular 路由的 SPA(单页应用程序)，但是当我将 ndRoute 添加到我的模块时，它给了我这个错误 Uncaught Error: [$injector:modul
javascript - Uncaught Error : [$injector:modulerr] http://errors. angularjs.org/1.4.8/$injector/modulerr?p0=myApp&p1=Error
this is the error i m getting.这个问题被问了很多次。但是下面的代码在在线编译器中运行良好，但在我的本地系统中运行不佳，即使系统已连接到互联网，它也显示未定义 Angula
javascript - 由于 : Error: [$injector:nomod] http://errors. angularjs.org/1.2.26/$injector/nomod?p0=myApp，无法实例化模块 myApp
我正在尝试学习 Angular 并尝试在基于 Web 的教程之外编写我的第一个 Controller 。我一直在 JS 控制台的标题中收到错误消息，无法弄清楚发生了什么。该链接将我带到一个引用需要包含
angularjs - Uncaught Error : [$injector:modulerr] http://errors. angularjs.org/1.5.0/$injector/modulerr?p0=app&p1=Error%3A%20%….c%20
我在尝试编写代码时遇到此错误。我已经完成了其他 Stackflow 问题，但找不到答案。是什么导致了这个错误？ var app = angular.module("app", ['ui.router'

首页

博学

6Ren·AI

商城

javascript - angular1 - Uncaught Error $injector :modulerr; angular-router