Javascript 我在angularjs中使用ui.router，但没有得到所需的输出

我正在提供app.js代码

'use strict';

var dpApp = angular.module('dpApp', ['ngRoute', 'ngMaterial', 'ngMessages','ui.router']);

dpApp.config(function ($mdThemingProvider, $routeProvider,$stateProvider,$urlRouterProvider) {
  var dpcolor = $mdThemingProvider.extendPalette('deep-purple', {
    '500': '#6A1B9B'
  });

  $mdThemingProvider.definePalette('dpcolor', dpcolor);

  $mdThemingProvider.theme('default')
    .primaryPalette('dpcolor');

  $stateProvider
    .state('login', {
      templateUrl: 'templates/login.html',
      controller: 'appCtrl'
    })
    .state('register', {
      templateUrl: 'templates/register.html',
      controller: 'appCtrl'
    })
    .state('forgot', {
      templateUrl: 'templates/forgot.html',
      controller: 'appCtrl'
    })
    .state('patient-profile', {
      templateUrl: 'templates/patient-profile.html',
      controller: 'appCtrl'
    })
    .state('edit-profile', {
      templateUrl: 'templates/edit-profile.html',
      controller: 'appCtrl'
    })
    .state('med-record', {
      templateUrl: 'templates/med-record.html',
      controller: 'appCtrl'
    })
    $urlRouterProvider.otherwise("login");

});

---

路由正在进行，但我得到的是一个空白页。如果我使用

$routeProvider

它可以工作，您必须添加$stateProvider的url参数

 .state('login', {
  url:'/login'
  templateUrl: 'templates/login.html',
  controller: 'appCtrl'
})

---

而且您不需要$routeProvider

浏览器控制台中是否出现任何错误您是否在HTML中添加了ui视图标记？？如果您使用的是ui.router模块，则必须在index.HTML中指定标记，与ngRoute模块相同，请指定。请在根页面（index.html）中指定标记，并删除ngRoute依赖项。宁愿只使用一个路由模块。您同时注入了ngRoute和ui.router。你应该选择其中一个。