无法实例化模块marbleApp，原因是：错误：[$ injector：nomod]

-1

无法实例化模块marbleApp，原因是：错误：[$ injector：nomod]模块'marbleApp'不可用！您拼错了模块名称或忘记加载模块名称。如果注册模块确保您指定依赖关系作为第二个参数。

我已阅读几乎每篇文章并通过文档搜索，但我的应用程序将无法正常工作，因为我的模块没有被加载。任何人都可以找到代码中的任何错误，以防止它正常工作？

的Index.html：

<!DOCTYPE html> 
    <html ng-app="marbleApp"> 
    <head> 
     <title>Marble.com AngularMongo</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
     <!--Import materialize.css--> 
     <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css" media="screen,projection"/> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js"></script> 
     <script src="app.js"></script> 

    </head> 

    <body> 

     {{"anot" + "her test"}} 

     <nav style="background-color: #d56324!important"> 
     <div class="nav-wrapper"> 
      <form action="/cosmicblack" method="GET"> 
      <div class="input-field"> 
       <input id="search" type="search" required placeholder="Search"> 
       <label for="search"><i class="material-icons">search</i></label> 
       <i class="material-icons">close</i> 
      </div> 
      </form> 
     </div> 
     </nav> 
     <br> 

     <div> 
    {{"This is " + "a test!"}} 
    {{materials.name}} 
     </div> 
    <!-- <div ng-controller="repeatCtrl">{{materials.name}}</div> --> 



    <div class="container"> 
    <div class="row"> 


     <div class="col m3" ng-controller='repeatCtrl'> 
      <a href="/cosmicblack"><div class="card"> 
      <div class="card-image small"> 
       <img src="http://marble.com/uploads/materials/499/300X300/thumbnail/Cosmic-Black_APeruB9I056YsF3mZ0sT.jpg"> 
       <span class="card-title" ng-bind="materials.name"></span> 
       </div> 
      </div> 
      </a> 
     </div> 


     </div> 
    </div> 







     <!--Import jQuery before materialize.js--> 

     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script> 


    </body> 
    </html>

app.js：

var app = angular.module('marbleApp', []); 

app.controller('repeatCtrl', function($scope) { 
    $scope.materials = [ 
     {name: 'Cosmic Black'} 
    ];  
});

server.js：

console.log('May Node be with you'); 

var express = require('express'); 
var bodyParser = require('body-parser'); 
var app = express(); 
var mongoose = require('mongoose'); 

mongoose.connect('mongodb://localhost/test'); 
var db = mongoose.connection; 

app.use(bodyParser.urlencoded({extended: true})) 

app.get('/', (req, res) => { 
    res.sendFile(__dirname + '/index.html'); 
}); 



app.get('/cosmicblack', (req, res) => { 
    var cursor = db.collection('materials').find(); 
    db.collection('materials').find({"id": "499"}).toArray(function(err, results) { 
     console.log(results); 
    }); 
    db.collection('materialphotos').find({"material_id": "499"}).toArray(function(err, results2) { 
     console.log(results2); 
    }); 
    res.redirect('/'); 
}); 



app.listen(3000,() => { 
    console.log('Running app.js on 3000'); 
});

来源

2016-04-08 MattP

您的代码正在为我工作。我没有看到任何问题。 – Danda

我已经复制相同的代码为你的，它适用于我。看看这个bin。 nomod角度错误的常见原因是angular.js或您的应用程序的任何依赖项未正确加载导致您的应用程序模块无法正确加载

来源

2016-04-08 15:57:16

它适用于表达式测试，但是当代码碰到ng-controller =“repeatCtrl”时，应该从$ scope对象中渲染materials.name，但它不会。它不仅不显示名称，而且表达甚至不显示。 – MattP

你的错误是你试图从'$ scope.materials'数组访问'.name'。尝试使用'{{materials [0] .name}}'。我已经更新了相同的垃圾箱 –

当您运行代码时，您是否简单地在Chrome中打开它？我认为我的node.js/express服务器可能存在问题。当我运行我的服务器并转到本地主机时，代码不起作用。但是，当我直接在浏览器中打开它时，它工作正常。任何想法为什么会是这样？ – MattP

无法实例化模块marbleApp，原因是：错误：[$ injector：nomod]

回答

相关问题