webpack angularjs路由不工作

寻找您的帮助我的应用程序路由不工作（其负载的主页），但当我试图路由登录它没有做任何事情（就像它无法找到它，甚至是我注册了它）暂时无法解决这个问题。 Thx的帮助！webpack angularjs路由不工作

这里是文件代码：

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>

来源

2017-10-06 Ido Bleicher

可悲的是它采取了我8小时，以解决：有3个问题：

1）是我需要改变登录 - >登录在Login.Controller.js 2）是我需要更改＃/登录到＃3）是我需要删除这个$ locationProvider.html5Mode（true）在index.config.js; 代码，因为它没有与该工作。

Thx，希望我帮了别人。

来源

2017-10-07 11:51:49

webpack angularjs路由不工作

回答

相关问题