Encountering an issue while trying to implement native transitions in my app. The error message says: "Error: [$injector:nomod] Module 'ionic-native-transitions' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument." I have double-checked and properly added the dependency. Any assistance on this matter would be greatly appreciated. Thank you in advance :)
App.js
angular.module('starter', ['ionic','ionic-native-transitions','starter.controllers'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function($window) {
if(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false);
cordova.plugins.Keyboard.disableScroll(true);
}
if(window.StatusBar) {
StatusBar.styleDefault();
}
});
})
.config(function($stateProvider,$ionicNativeTransitionsProvider,$urlRouterProvider,$ionicConfigProvider) {
.state('chat', {
url: '/chat',
nativeTransitions: {
"type": "flip",
"direction": "up"
},
templateUrl: 'templates/chat.html',
})
HTML
<div ui-sref="chat" class="title" >
<a class="underline" ui-sref="chat" native-transitions>
<img class = "title-image" src="img/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cc8fa4adb88cfdb4e2bca2ab">[email protected]</a>"></img>
<p class="imgtext" style="color: rgb(102, 0, 0)">Chat</p>
</a><br>
</div>