Webpack + AngularJS 1.6 ui.router 1.x 未正确加载 ui-router

Question

我正在使用新的 UI 路由器。

"dependencies": {
    "@uirouter/angularjs": "^1.0.6"
}

使用 webpack 来构建 uild 项目。我的 app.js 到 bootstrap 应用看起来像，

import angular from 'angular';
//import uirouter from 'ui.router';
import uiRouter from 'angular-ui-router';

angular
.module('app', [
  uiRouter
]);

对于依赖项，我尝试注入 uiRouter 和 uirouter 以及 (ui.router & ui-router & angular-ui-路由器).

似乎没有任何效果。我在这里错过了什么？

Answer 1

尝试使用正确的注入名称 ui.router。还要确保您使用 ui-路由器版本 0.4.2 而 1.0.x 在 AngularJS 1.6 中存在一些问题。

import angular from "angular"
import "angular-ui-router"

angular.module('app', ['ui.router']);

"dependencies": {
    "@uirouter/angularjs": "0.4.2"
}

Answer 2

尝试像这样导入 ui-router 1.x： import uirouter from '@uirouter/angularjs';

在此之前，如果您使用的是 TypeScript，请尝试在 tsconfig.json 中将您的 ui-路由器路径指定为

"paths": {
        "@uirouter/angularjs":["node_modules/@uirouter/angularjs/lib/index.d.ts"]
}

那应该没问题。

Webpack + AngularJS 1.6 ui.router 1.x not loading ui-router properly