Currently, I am facing a task in Angular where I need to merge two components in state.js. Being new to this, I added the code but encountered a state error that I cannot pinpoint the source of. I believe I followed the correct steps, but there seems to be something missing that I cannot grasp.
The error message is as follows:
Error: Could not resolve 'auth.app' from state 'auth'
at Object.x.transitionTo (angular-ui-router.min.js:7)
at Object.x.go (angular-ui-router.min.js:7)
at angular-ui-router.min.js:7
at angular.js:16299
at e (angular.js:4924)
at angular.js:5312
I have searched for solutions in other responses but could not find one that fits my issue. This is my state.js file:
app.config(['$stateProvider', '$urlRouterProvider',
function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider
.when('/home', '/')
.otherwise('/');
$stateProvider
// Applications (parent state)
.state('auth.apps', {
abstract: true,
url: '/applications',
template: '<div ui-view autoscroll="false" class="mainView-animate"></div>',
ncyBreadcrumb: {
label: 'Applications'
}
})
// Applications childs
.state("auth.apps.view", {
page_title: 'New - Applications',
url: "/apps",
templateUrl: 'views/externals/apps.html',
resolve: {
files: [
'uiLoad',
function (uiLoad) {
return uiLoad.load([
// c3 charts
'assets/lib/d3/d3.min.js',
'assets/lib/c3/c3.min.js'
]);
}
]
},
controller: 'AppCtrl',
ncyBreadcrumb: {
label: 'Applications'
}
})
.state('auth.apps.create', {
page_title: 'New - Create',
url: '/create',
templateUrl: 'views/externals/connect_vm.html',
resolve: {
files: [
'uiLoad',
function (uiLoad) {
return uiLoad.load([
// select2
'assets/lib/select2/select2.css',
'assets/lib/select2/select2.min.js',
// inputmask
'assets/lib/jquery.inputmask/jquery.inputmask.bundle.min.js'
]);
}
]
},
controller: 'AddCtrl',
ncyBreadcrumb: {
label: 'Connect'
}
})
.state('auth.apps.validate', {
page_title: 'New - Validate',
url: '/validate',
templateUrl: 'views/externals/cluster_validation_vm.html',
resolve: {
VMsData: function(VMsList){
var vms_data = VMsList.getList();
return vms_data;
},
files: [
'uiLoad',
function (uiLoad) {
return uiLoad.load([
// select2
'assets/lib/select2/select2.css',
'assets/lib/select2/select2.min.js'
]);
}
]
},
controller: 'ValidateCtrl',
ncyBreadcrumb: {
label: 'Validations'
}
})
}
]);