运行 ionic serve 中的应用程序很好,但 ionic build 不行
Running app in ionic serve is fine but not with ionic build
我是 ionic 的新手。当我需要在多个页面上使用后退按钮,在标签页和 non-tab 页面之间切换时,我遇到了一个问题。我强迫后退按钮出现在特定页面上。它按预期显示。但这是越野车。所以我通过创意a parents为我的原始页面修复了它,我将它命名为'main'。然后我将现有页面的其余部分路由到主页,当我使用 "ionic serve" 命令时一切正常。所以我用 "ionic build ios" 测试我的应用程序,但我看到的唯一页面是主页,而不是 child 视图。
我检查了我是否将我的主页配置设置为 abstract: true 并且我设置了。如果我的语法错误,我的应用程序在我使用 "ionic serve" 时根本就无法运行。我一头雾水
这是我的配置代码
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('main', {
url: "",
abstract: true,
templateUrl: '/templates/main.html'
})
.state('main.tabs', {
url: '/tab',
abstract: true,
views : {
'main-content' : {
templateUrl: '/templates/tabs.html'
}
}
})
.state('main.tabs.pageI', {
url: '/pageI',
views : {
'Page_1' : {
templateUrl: 'templates/pageI.html',
controller: 'EventController'
}
}
})
.state('main.tabs.pageII', {
url: '/pageII',
views : {
'Page_2' : {
templateUrl : 'templates/pageII.html',
controller : 'EventController'
}
}
})
.state('main.tabs.pageIII', {
url: '/pageIII',
views : {
'Page_3' : {
templateUrl : 'templates/pageIII.html'
}
}
})
.state('main.tabs.sub', {
url: '/sub',
views : {
'Page_1' : {
templateUrl : 'templates/sub.html',
controller: 'AllController'
}
}
})
.state('main.info', {
url: '/info/:aId',
views : {
'main-content' : {
templateUrl: 'templates/Info.html',
controller: 'SingleController'
}
}
})
.state('main.user', {
url: '/user/:username',
views : {
'main-content' : {
templateUrl : 'templates/user.html',
controller : 'UserController'
}
}
});
$urlRouterProvider.otherwise('/tab/PageI');
})
这是我运行"ionic serve --lab"时的截图
ionic serve --lab
这是我运行"ionic emulate ios"时的截图
ionic build ios
我觉得这很尴尬。
但我发现了错误。在主要和选项卡中的 templateUrl 中。我写“/templates/main.html”和“/templates/tabs.html”。浏览器自动接受 '/templates' 作为 'templates' 目录。但在离子中它不是。我将我的代码更改为 'templates/main.html' 和 'templates/tabs.html',现在它像魅力一样工作。
我是 ionic 的新手。当我需要在多个页面上使用后退按钮,在标签页和 non-tab 页面之间切换时,我遇到了一个问题。我强迫后退按钮出现在特定页面上。它按预期显示。但这是越野车。所以我通过创意a parents为我的原始页面修复了它,我将它命名为'main'。然后我将现有页面的其余部分路由到主页,当我使用 "ionic serve" 命令时一切正常。所以我用 "ionic build ios" 测试我的应用程序,但我看到的唯一页面是主页,而不是 child 视图。
我检查了我是否将我的主页配置设置为 abstract: true 并且我设置了。如果我的语法错误,我的应用程序在我使用 "ionic serve" 时根本就无法运行。我一头雾水
这是我的配置代码
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('main', {
url: "",
abstract: true,
templateUrl: '/templates/main.html'
})
.state('main.tabs', {
url: '/tab',
abstract: true,
views : {
'main-content' : {
templateUrl: '/templates/tabs.html'
}
}
})
.state('main.tabs.pageI', {
url: '/pageI',
views : {
'Page_1' : {
templateUrl: 'templates/pageI.html',
controller: 'EventController'
}
}
})
.state('main.tabs.pageII', {
url: '/pageII',
views : {
'Page_2' : {
templateUrl : 'templates/pageII.html',
controller : 'EventController'
}
}
})
.state('main.tabs.pageIII', {
url: '/pageIII',
views : {
'Page_3' : {
templateUrl : 'templates/pageIII.html'
}
}
})
.state('main.tabs.sub', {
url: '/sub',
views : {
'Page_1' : {
templateUrl : 'templates/sub.html',
controller: 'AllController'
}
}
})
.state('main.info', {
url: '/info/:aId',
views : {
'main-content' : {
templateUrl: 'templates/Info.html',
controller: 'SingleController'
}
}
})
.state('main.user', {
url: '/user/:username',
views : {
'main-content' : {
templateUrl : 'templates/user.html',
controller : 'UserController'
}
}
});
$urlRouterProvider.otherwise('/tab/PageI');
})
这是我运行"ionic serve --lab"时的截图 ionic serve --lab
这是我运行"ionic emulate ios"时的截图 ionic build ios
我觉得这很尴尬。
但我发现了错误。在主要和选项卡中的 templateUrl 中。我写“/templates/main.html”和“/templates/tabs.html”。浏览器自动接受 '/templates' 作为 'templates' 目录。但在离子中它不是。我将我的代码更改为 'templates/main.html' 和 'templates/tabs.html',现在它像魅力一样工作。