webpack angularjs路由不起作用答案

【问题标题】：webpack angularjs routing not workingwebpack angularjs路由不起作用
【发布时间】：2018-03-18 16:42:41
【问题描述】：

寻求您的帮助我的应用程序路由不起作用（它加载主页）但是当我尝试路由登录它没有做任何事情（就像它找不到它，即使我注册它）一时间想不通。谢谢帮忙！

这是文件代码：

import './login.css'

import angular from 'angular';
import uirouter from '@uirouter/angularjs';

import routing from './login.routes';
import LoginController from './login.controller';

export default angular.module('arrowfind.login', [uirouter])
  .config(routing)
  .controller('LoginController', LoginController)
  .name;

routes.$inject = ['$stateProvider'];

export default function routes($stateProvider) {
  $stateProvider
    .state('login', {
      url: '/login',
      template: require('./login.html'),
      controller: 'LoginController',
      controllerAs: 'login'
    });
}

主应用设置（index.config.js）：

routing.$inject = ['$urlRouterProvider', '$locationProvider'];

export default function routing($urlRouterProvider, $locationProvider) {
  $locationProvider.html5Mode(true);
  $urlRouterProvider.otherwise('/');
}

App Js(index.js)：

import './index.css';

import angular from 'angular';
import uirouter from '@uirouter/angularjs';

import routing from './index.config';
import navbar from './components/navbar';
import landing from './components/landing';
import login from './components/login';

angular.module('arrowfind', [uirouter, navbar, landing, login])
    .config(routing);

html：

    <li class="nav-item">
        <a class="nav-link" href="#/Login" id="loginlink">Login</a>
    </li>

【问题讨论】：

标签： angularjs webpack ecmascript-6 angular-ui-router

【解决方案1】：

遗憾的是，我花了 8 个小时来解决这个问题：有3个问题：

1) 是我需要将登录更改为 -> Login at Login.Controller.js 2) 是我需要在 HTML 中将 #/Login 更改为 #!/Login 3) 是我需要在 index.config.js 中删除这个 $locationProvider.html5Mode(true)；代码，因为它不适用于那个。

谢谢，希望我能帮助到别人。

【讨论】：