未捕获的错误：[$injector:modulerr] 无法实例化模块 myModule答案

【问题标题】：Uncaught Error: [$injector:modulerr] Failed to instantiate module myModule未捕获的错误：[$injector:modulerr] 无法实例化模块 myModule
【发布时间】：2017-09-08 09:12:28
【问题描述】：

我试图在视图中显示 3 个变量，但在控制台中出现错误

这里是script.js的代码

var myApp = angular
    .module("myModule",[])
    .controller("myController", function ($scope) {
        var employee = {
            firstName: "Sunil"
            lastName: "Bhatraju"
            gender: "Male"
        };

        $scope.employee = employee;
    });

这里是demo.html的代码

<!doctype html>
<html ng-app="myModule">
<head>
    <script src="Scripts.js/script.js"></script>
    <script src="Scripts.js/angular.js"></script>
</head>
<body>
    <div ng-controller="myController">
<div>
    First Nmae: {{ employee.firstName }}
</div>
<div>
    Last Name : {{ employee.lastName }}
</div>
<div>
    Gender : {{ employee.gender }}
</div>
</div>

它在控制台上显示的错误是

1)Uncaught SyntaxError: Unexpected identifier

2) 未捕获错误：[$injector:modulerr] 无法实例化模块 myModule，原因是：错误：[$injector:nomod] 模块“myModule”不可用！您要么拼错了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。

【问题讨论】：

你有一个名为 Scripts.js 的文件夹吗？
这个angular.module("myModule",[])是在多个地方定义的
是的，Vivz 我也会添加我的 webstrom 项目的屏幕截图

标签： html angularjs

【解决方案1】：

您需要加载 angular.js 参考，然后加载您的 script.js

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

并且您的对象应该在各个字段之间用逗号分隔，

 var employee = {
                firstName: "Sunil",
                lastName: "Bhatraju",
                gender: "Male"
            };

演示

var myApp = angular
    .module("myModule",[])
    .controller("myController", function ($scope) {
        var employee = {
            firstName: "Sunil",
            lastName: "Bhatraju",
            gender: "Male"
        };

        $scope.employee = employee;
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myModule">
    <div ng-controller="myController">
<div>
    First Nmae: {{ employee.firstName }}
</div>
<div>
    Last Name : {{ employee.lastName }}
</div>
<div>
    Gender : {{ employee.gender }}
</div>
</div>

【讨论】：

这并没有解决问题，即使更改后显示相同的错误
检查脚本的路径
没有把逗号作为问题...感谢您的回答
我的问题是因为没有放逗号，所以 Rakeshchand 回答了，所以我把他的答案作为接受的答案
我的回答也是这么说的

【解决方案2】：

有多个错误

最后加逗号

var employee = {
        firstName: "Sunil",
        lastName: "Bhatraju",
        gender: "Male"
};

两个先添加角度库

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

【讨论】：

@sunilBhatraju 请解决这个问题，我很高兴它有帮助