Я следовал этому уроку на https://www.techiediaries.com/ionic-angularjs/
и на моей странице отображается содержимое заголовка ion, но не содержимое тега ion-content, и если я перехожу на отладчик, я вижу, что html есть, и я даже могу нажимать на навигационные ссылки, и он работает (URL-адрес меняется).
Кроме того, я получаю эту странную ошибку и не могу понять, почему, поскольку она не указывает ни на один из моих файлов
изображения
мой код:
index.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/index.css">
<script src="js/node_modules/angular/angular.min.js"></script>
<script src="js/node_modules/@ionic/core/dist/ionic.js"></script>
<script src="js/node_modules/angular-ui-router.js"></script>
<script src="/app.js"></script>
<script src="../pages/home/home.js"></script>
<script src="../pages/about/about.js"></script>
<script src="../platforms/browser/platform_www/cordova.js"></script>
<title>Hello World</title>
</head>
<body>
<body ng-app="app">
<ion-app>
<ui-view></ui-view>
</ion-app>
</body>
</html>
app.js
var myApp = angular.module('app', ['ui.router']);
myApp.config(function($stateProvider,$urlRouterProvider) {
var homeState = {
name: 'home',
url: '/home',
component: 'home'
}
var aboutState = {
name: 'about',
url: '/about',
component: 'about'
}
$stateProvider.state(homeState)
$stateProvider.state(aboutState);
$urlRouterProvider.otherwise('/home');
});
home.html
<ion-page class="show-page">
<ion-header>
<ion-toolbar>
<ion-title>Ionic 4 + AngularJS Application </ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="content" padding>
sdfsdfsfdsfdsfsdfdsfsd
<p>This is the home page</p>
<a ui-sref="home" ui-sref-active="active">Home</a>
<a ui-sref="about" ui-sref-active="active">About</a>
</ion-content>
</ion-page>
home.js
angular.module('app').component('home', {
templateUrl: './pages/home/home.html',
controller: function() {
console.log("home component");
}
})
что здесь происходит, что может привести к тому, что текст не будет отображаться?
Я проверил css, и это не проблема здесь