javascript - Angular Uncaught Error: [$injector:modulerr] 将 js 文件合并到一个文件后

Question

我已经创建了一个角度应用程序，如果我在 index.html 中分别使用 controllers.js、routes.js、directives.js 等，该应用程序工作正常。但是，当我使用 gulp-concat 将 js 文件合并到一个 js 文件中时（与我在 HTML 中包含文件的顺序相同），我收到错误 Angular Uncaught Error: [$injector:modulerr] 我不确定由于错误不是很具体，如何进行

Answer 1

我修复了它，在经历了错误之后，我发现我的 gulp 任务正在跳过应用程序中存在的一些 js 文件，我修复了 gulp 任务并再次运行它，从而解决了这个问题。之后，我通过将 mangle 设置为 false 来丑化 js 文件，以便函数参数应该保持不变，之后一切都可以轻松运行

Answer 2

我通过为它们提供一个名称（例如 .config UI Router DI）来确保正确包含所有依赖项注入（DI），从而解决了这个问题：

.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {

    $stateProvider   . . .

Answer 3

我在使用 Gulp 时遇到了同样的问题。使用 CDN 可以正常工作，但使用本地 .min 文件时出现错误：[$injector:modulerr]

我通过添加以下内容解决了它：

.pipe(uglify({ mangle: false })