Webpack angularjs ui-路由器

Question

我的 webpack 应用程序中 ui 路由器实现有问题。

我下载了：

npm install --save @uirouter/angularjs

然后就在我的 app.js 文件中：

const css = require('./src/style/app.scss');
var angular = require('angular');
var uiRouter = require('@uirouter/angularjs');


var ngModule = angular.module('app', ['uiRouter']);
require stuff.

ngModule.config(function($stateProvider, $locationProvider){ 

    $stateProvider // routing 

    .state('home', {
        url: '/',
        templateUrl: 'main.html',
        controller: 'MainCtrl'
    })
    .state('program', {
        url: '/program',
        templateUrl: 'program.html',
        controller: 'ProgramCtrl'
    })
    .state('administration', {
        url: '/administration',
        templateUrl: 'adminNetworks.html',
        controller: 'NetworkCtrl'
    })
    .state('automatic', {
        url: '/automatic',
        templateUrl: 'automatic.html',
        controller: 'AutomaticCtrl'
    })
    .state('registry', {
        url: '/registry',
        templateUrl: 'register.html',
        controller: 'RegisterCtrl'
    })
    .state('login', {
        url: '/login',
        templateUrl: 'login.html',
        controller: 'LoginCtrl'
    })
    .state('otherwise', {
        url: '/',
        templateUrl: 'main.html',
        controller: 'MainCtrl'
    });
});

但我仍然遇到错误 "Module 'uiRouter' is not available! You either misspelled the module name or forgot to load it."。

我知道 angular-ui-router 不再工作所以我下载了这个并从 ui router github.[=14= 插入代码]

好吧，我只是以这种方式首先使用了 angular-route (routeProvider) 并且它有效..但我需要模态。

Answer 1

你应该安装

npm install --save angular-ui-router

依赖关系应该是

var ngModule = angular.module('app', ['ui-router']);

Webpack angularjs ui-路由器

Webpack angularjs ui-router

angularjs

angular-ui-router