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

【问题标题】：Webpack + AngularJS 1.6 ui.router 1.x not loading ui-router properlyWebpack + AngularJS 1.6 ui.router 1.x 未正确加载 ui-router
【发布时间】：2018-05-06 04:45:49
【问题描述】：

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

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

使用 webpack 构建项目。我的 app.js 引导应用看起来像，

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-router)。

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

【问题讨论】：

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

【解决方案1】：

尝试使用正确的注入名称ui.router。还要确保您使用 ui-router 版本 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"
}

【讨论】：

【解决方案2】：

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

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

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

那应该没问题。

【讨论】：