TypeError：无法读取属性＆＃39; html5Mode＆＃39;

Question

这是我的route.js路由配置文件

export default routesConfig;


function routesConfig($stateProvider, $urlRouterProvider, $locationProvider) {
  $locationProvider.html5Mode(true).hashPrefix('!');
  $urlRouterProvider.otherwise('/');
  $stateProvider
    .state('login', {
      url: '/',
      component: 'login'
    })
    .state('home', {
      abstract: true,
      url: '/home',
      component: 'home'
    })
}

和我的app.js

angular.module('app', [
  uiRouter,
  Login,
  Home
])
  .config(['$locationProvider'],routesConfig())

  .component('app', AppComponent);

Login和Home是两个模块，每个模块都有一个与之相关的组件。

Answer 1

这里的问题是你没有以相同的顺序指定函数所需的依赖参数。

您必须按照与函数定义相同的顺序注入参数。

因此，在app.js中，您必须以相同的顺序指定注入参数。

angular.module('app', [
   uiRouter, 
   Login,  
   Home
])
.config(['$stateProvider','$urlRouterProvider','$locationProvider'],routesConfig)

.component('app', AppComponent);