Javascript AngularJS未知提供程序（filterProvider）错误

下面的两个脚本语句独立工作，但是当它们组合在一起时会导致错误：[$injector:unpr]未知提供程序：searchNameFilterProvider

查找人：

{{person | searchName}

var-app=angular.module（'myApp'，[]）；
app.filter（'searchName'，函数（）{
返回函数（输入）{
返回输入+'！'；
};
});
你好世界按钮
var-app=angular.module（'myApp'）；
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.myFunc=函数（）{
log（'helloworld！'）；
};
});

---

代码中应该只有一个模块初始化。解决了重复初始化的问题

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

以下是AngularJS文档中的文档

传递一个参数将检索现有的angular.Module，而传递多个参数将创建新的angular.Module

你可以在这里阅读更多关于模块的内容

var-app=angular.module（'myApp'，[]）；
app.filter（'searchName'，function（）{
返回函数（输入）{
返回输入+'！'；
}
});
应用程序控制器（'myCtrl'，函数（$scope）{
$scope.myFunc=函数（）{
log（'helloworld！'）；
};
});

查找人：

{{person | searchName}

你好世界按钮
组合是什么意思？你创建了两个同名的模块吗？我把它们都放在了一个html文件中。是的，我确实创建了两个同名的模块。这一定是问题所在，我认为您不能将两个模块命名为相同的名称。试试不同的名字。如果一个依赖于另一个，则将其作为依赖项传递。您的意思是像var appOne=angular.module（'myApp'，[]）；和var appTwo=angular.module（'myApp'，[]）；？我尝试了这一方法，以避免无效。这些变量名称不同，但引用相同的角度模块，
myApp
。制作两个不同的模块。空数组是将依赖项传递给其他模块的位置。看这里
<div ng-controller="myCtrl">
    <button ng-click="myFunc()">Hello World Button</button>
</div>

<script>

    var app = angular.module('myApp',[]);
    app.controller('myCtrl',function ($scope) {

        $scope.myFunc = function () {
           console.log('Hello world!');
        };
    });

</script>

<div ng-app="myApp">
    <script src="Scripts/Angular.js" type="text/javascript"></script>
    Find Person:
    <input type="text" ng-model="myName">
   <ul ng-init="people = ['Diarmuid','Aine','Dave','Declan']">
        <li ng-repeat="person in people | filter:myName">{{ person | searchName}}</li>
    </ul>
   <script>
       var app = angular.module('myApp', []);
       app.filter('searchName', function () {
           return function (input) {
                return input + '!';
           };
       });
   </script>
  <div ng-controller="myCtrl">
        <button ng-click="myFunc()">
          Hello World Button</button>
   </div>
   <script>

    var app = angular.module('myApp');
    app.controller('myCtrl', function ($scope) {

        $scope.myFunc = function () {
            console.log('Hello world!');
        };
    });

</script>

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