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

时间:2017-11-22 12:32:10

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

我正在使用新的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)。

似乎没有任何效果。我在这里缺少什么?

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

尝试像这样导入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"]
}

那应该没问题。