个人中心
gpt4 book ai didi

javascript - Angular 错误 [$injector :modulerr] when loading module

转载 作者：行者123 更新时间：2023-11-29 19:00:16 24 4
gpt4 key购买 nike

[更新] 我发现该站点与 Microsoft Edge 配合使用效果很好。 IE 似乎是唯一有问题的。

所以我遇到了一个问题，即我的网站无法在 Internet Explorer 中加载并抛出此错误:

[$injector:modulerr] Failed to instantiate module necs due to:
Error: [$injector:modulerr] Failed to instantiate module necs.LandingModule.controller due to:
Error: [$injector:nomod] Module 'necs.LandingModule.controller' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument

该站点在 Firefox 和 Chrome 中加载完全正常，但拒绝在 Internet Explorer 中加载。我不确定是什么问题，因为“necs.LandingModule.controller”拼写正确且已加载。我已经尝试删除 Controller 中的一些代码以查看它是否会加载，希望我能准确地找到 IE 不喜欢的代码片段，但我还没有成功地做到这一点。

如果您需要更多信息，请告诉我，我会根据需要提供。

CONTROLLER.JS

angular.module('necs.LandingModule.controller', [
                     'necs.FeaturedItemsModule.directives'])
.controller('LandingController', ['$scope', '$location', '$routeParams', '$window', 'ajaxUtil',
function($scope, $location, $routeParams, $window, ajaxUtil){

  $scope.landingProducts = [1,2,3,4,5,6];

  $scope.getFeaturedProducts = function() {
    ajaxUtil.get('/api/landingProducts', $scope, 'onGetFeaturedProducts');
  };

  $scope.onGetFeaturedProducts = function(response) {
    if (response) {
      $scope.landingProducts = response.data;
    }
  };

  $scope.getCatalogMailer = function(id){
    if (id == 'link1'){
        $window.open("link");
    }else if(id == 'link2'){
        $location.url('link');
    }else if(id =='link3'){
        $location.url('link');
    }else if(id =='link4'){
        $location.url('link');
    }else if(id =='link5'){
        $location.url('link');
    }
  };

  $scope.getFeaturedProducts();

  ga('send', 'pageview', {
  'title': 'landing page'
  });
}]);

INDEX.HTML

<!DOCTYPE html>
<html lang="en" ng-app="necs">
  <head>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NECS</title>
    <link rel="icon" type="image/png" href="assets/images/icon.png" sizes="32x32" />

    <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="/css/app.css">
    <link href='https://fonts.googleapis.com/css?family=Oswald:300,400,700' rel='stylesheet' type='text/css'>

    <script src="/bower_components/angular/angular.js"></script>

     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular-cookies.js"></script>


    <script src="/bower_components/angular-route/angular-route.js"></script>
    <script src="/bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
    <script src="/bower_components/angular-strap/dist/angular-strap.min.js"></script>
    <script src="/bower_components/angular-strap/dist/angular-strap.tpl.min.js"></script>
    <script src="/bower_components/angular-sanitize/angular-sanitize.min.js"></script>
    <script src="/bower_components/jquery/dist/jquery.min.js"></script>
    <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="/bower_components/angularUtils-pagination/dirPagination.js"></script>

    <script src="/js/app.js"></script>
    <script src="/js/controllers.js"></script>
    <script src="/js/directives.js"></script>
    <script src="/js/services.js"></script>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-67702514-1', {
        'cookieDomain': 'none'
      });
  </script>

  <base href="/" />

  </head>
  <body data-spy="scroll" data-offset="15">
    <div class="container">
      <header-directive></header-directive>
      <div ng-view >
      </div>
    </div>
      <div class="main-footer">
        <div class="container">
          <footer-directive></footer-directive>
        </div>
      </div>
  </body>
</html>

LANDING.HTML

<div class="landing row">
  <div class="row">
    <div class="col-xs-12">
      <div class="well">
        <custom-order-directive></custom-order-directive>
        <featured-items-directive></featured-items-directive>
      </div>
    </div>
  </div>

 <div class="row">
  <div ng-repeat="item in landingProducts" class="col-sm-12 col-md-4">
    <div class="thumbnail main-container">
      <div class="image-container">
        <!--<img ng-click="onProductClick(item.id)" class="top-sellers" ng-src="{{item.img}}" />-->
        <img ng-src="{{item.image}}" />
      </div>
        <div class="caption text-center landinglinks">
        <h3 >{{item.header}}</h3>
        <!--<p ng-bind-html="item.text" ng-click="onProductClick(item.link)"></p>-->
        <p ng-bind-html="item.text" ng-click="getCatalogMailer(item.link)"></p>
  </div>
    </div>
  </div>
</div>

前端 APP.JS

angular.module('necs', ['ngRoute',
                        'necs.LandingModule.controller',
                        'necs.CustomModeModule.controller',
                        'necs.CustomOrderModule.controller',
                        'necs.CustomPdfModule.controller',
                        'necs.CatalogModule.controller',
                        'necs.ProductModule.controller',
                        'necs.HeaderModule.directives',
                        'necs.FooterModule.directives',
                        'necs.MenuModule.directives',
                        'necs.DownloadsModule.controller',
                        'necs.InformationModule.controller',
                        'necs.LoginModule.controller',
                        'necs.AccountModule.controller',
                        'necs.AdministrationModule.controller',
                        ])
.config(['$routeProvider', function($routeProvider) {
  $routeProvider
    .when('/', {
      templateUrl: 'html/landing.html',
      controller: 'LandingController'
    })
    .when('/customMode', {
      templateUrl: 'html/customMode.html',
      controller: 'CustomModeController'
    })
    .when('/customOrder', {
      templateUrl: 'html/customOrder.html',
      controller: 'CustomOrderController'
    })
    .when('/customPdf', {
      templateUrl: 'html/customPdf.html',
      controller: 'CustomPdfController'
    })
    .when('/catalog', {
      templateUrl:'html/catalog.html',
      controller: 'CatalogController'
    })
    .when('/catalog/product', {
      templateUrl: 'html/product.html',
      controller: 'ProductController'
    })
    .when('/downloads', {
      templateUrl: 'html/downloads.html',
      controller: 'DownloadsController'
    })
    .when('/information', {
      templateUrl: 'html/information.html',
      controller: 'InformationController'
    })
    .when('/cart', {
      templateUrl: 'html/cart.html',
      controller: 'CartController'
    })
    .when('/login', {
      templateUrl: 'html/login.html',
      controller: 'LoginController'
    })
    .when('/account', {
      templateUrl: 'html/account.html',
      controller: 'AccountController'
    })
    .when('/administration', {
      templateUrl: 'html/administration.html',
      controller: 'AdministrationController'
    })
    .otherwise({
      redirectTo: '/'
    });

}]);

服务器 APP.JS

var express = require('express');
var path = require('path');
var mongoose  = require('mongoose');
var session = require('express-session');
var bodyParser = require('body-parser');
var flash = require('connect-flash');
var nodemailer = require('nodemailer');
var exphbs  = require('express-handlebars');
var hbs = require('nodemailer-express-handlebars');
var db = require('./db')();
var user = require('./user')();
var fs = require('fs');
var Cookies = require('cookies');

var Product = require('./product');
var Category = require('./category');
var Download = require('./download');
var Codes = require('./codes');
var Specsheet = require('./specsheet');
var app = express();

app.use(express.static(path.resolve(__dirname + '/../front/static')));

app.use(bodyParser.urlencoded({limit: '50mb'}));
app.use(bodyParser.json({limit: '50mb'}));

app.get('/qr/:qrcode', function (req, res) {
    var domain = 'domain.com/#/qr/';
    var qrcode = req.params.qrcode;

    res.redirect(domain+qrcode);
});

//login
app.use(flash());

app.get('/', function(req, res) {
  res.sendfile('index.html');
});

// parse application/json
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
var server = app.listen(80);

var config = {
  "USER": "user",
  "PASS": "password",
  "HOST": "127.0.0.1",
  "PORT": "22222",
  "DATABASE" : "database"
};

var dbPath  = "mongodb://" + config.USER + ":"+ config.PASS + "@"+ config.HOST + ":"+ config.PORT + "/"+ config.DATABASE;
mongoose.connect(dbPath);

db = mongoose.connection;
db.on('error', console.error.bind(console, 'connection error:'));
db.once('open', function callback () {
    console.log('connected successfully');
});


//landing products
app.get('/api/landingProducts',function(req,res) {

  var landingItems = {
      landing1: {
          image: "/assets/images/landing1.jpg",
          text: "text1",
          header: "header1",
          link: "link1"
      },
      landing2: {
          image: "/assets/images/landing2.jpg",
          text: "text2",
          header: "header2",
          link: "link2"
      },
      landing3: {
          image: "/assets/images/landing3.jpg",
          text: "text3",
          header: "header3",
          link: "link3"
      },
      landing4: {
          image: "/assets/images/landing4.jpg",
          text: "text4",
          header: "header4",
          link: "link4"
      },
      landing5: {
          image: "/assets/images/landing5.jpg",
          text: 'text5',
          header: "header5",
          link: "link5"
      },
      landing6: {
          image: "/assets/images/landing6.jpg",
          text: "text6",
          header: "header6",
          link: "link5"
      }
  };

  res.send(landingItems);

});

最佳答案

我在 IE 11 上测试过:

这就是我得到的:controllers.js (1551,3) 中的预期“:”

看起来您已经声明了 3 个额外的变量，但没有正确声明:

$scope.getWidthDropdown = {
    warr
};

还有另外两个。

你应该把它改成

$scope.getWidhtDropdown = {
    warr: warr
};

不过我不确定这是否会解决问题。可能是一条红鲱鱼

关于javascript - Angular 错误 [$injector :modulerr] when loading module，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47289038/

24 4 0
文章推荐： javascript - jsPDF:如何使用 doc.text() 在单独的行中打印字符串？
文章推荐： javascript - 如何在 THREE.TextGeometry 中添加带上标的字符串？
文章推荐： javascript - WebGL 2.0 : Draw call succeeds even VBO is deleted
文章推荐： javascript - Promise 在 forEach 循环完成之前解决
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com