I've been searching for a solution to this problem without any luck. Any assistance would be greatly appreciated.
Initially, I created a "tabs" default project which worked fine as a base. However, after making a few modifications, the screen ended up blank.
In my app.js file:
.state('login', {
url: '/login',
views: {
'login': {
templateUrl: 'templates/login.html',
controller: 'LoginCtrl'
}
}
})
This code was added below the initial tab definition. My route provider is set as follows:
$urlRouterProvider.otherwise('/login');
The view can be found in templates/login.html:
<ion-view view-title="login">
<ion-content>
<div class="bar bar-header bar-positive">
<h1 class="title">Project :: Login</h1>
</div>
<div class="list">
<label class="item item-input item-stacked-label">
<span class="input-label">Email</span>
<input type="text" placeholder="<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="03667b626e736f6643666e626a6f6c">[email protected]</a>">
</label>
<label class="item item-input item-stacked-label">
<span class="input-label">Password</span>
<input type="password" placeholder="********">
</label>
<button class="button button-block button-positive">
Sign in
</button>
</div>
</ion-content>
</ion-view>
I have an empty Controller defined in controllers.js:
.controller('LoginCtrl', function($scope) {})
Upon starting the application, the routing works correctly and directs to localhost:/#/login, but only displays a blank page.
When running ionic serve, there is one console error message:
? (node:5592) fs: re-evaluating native module sources is not supported.
If you are using the graceful-fs module, please update it to a more recent version.
Although I resolved this warning/error by downgrading to [email protected], the issue with the blank page persists. It only shows a grey header and empty body.
Any help or insights would be highly valued!