Hello, I'm still learning AngularJS and trying my best to follow Todd Motto's Opinionated AngularJS Styleguide for Teams. I've encountered an issue while using Grunt to uglify my code - whenever I enable mangling, it throws an error:
Error: [$injector:unpr] Unknown provider: aProvider <- a
I believe this error is due to name mangling causing confusion in the injection process, specifically when resolving routes that rely on DataService. Despite my efforts to troubleshoot, I'm unsure where exactly to inject the correct name.
If you could take a look at my simplified code structure below, which includes dependencies on angular, angular-route, and data.json, and guide me on how to resolve this issue, I would greatly appreciate it.
File Structure
├── data.json
├── gruntfile.js
├── index.html
└── js
├── app
│ └── app.js
└── vendor
├── angular-route.js
└── angular.js
gruntfile.js
module.exports = function(grunt) {
// Task configurations here...
};
index.html
<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="utf-8">
<title>Mangled Names Test</title>
</head>
<body>
<h2>I'm above the content</h2>
<hr>
<!-- Begin Content -->
<div ng-view></div>
<!-- End Content -->
<hr>
<h2>I'm below the content</h2>
<!-- Begin Release Scripts -->
<script src='js/vendor.min.js'></script>
<script src='js/production.min.js'></script>
<!-- End Release Scripts -->
</body>
</html>
app.js
// App module setup and controller definitions here...