角-新路由器没有找到带浏览器的路由器

Question

我正在建立一个带有褐变的角度项目。

我有一个gulp任务，它将所有供应商模块从bower_components目录中取出，并将它们放在一个包中：

gulp.task('dependencies', function () {
    return browserify({
        entries: [dependencies.js],
    })
        .transform(debowerify)
        .bundle()
        .pipe(source(config.filenames.release.dep))
        //.pipe(streamify(uglify()))
        .pipe(gulpif(release,
            gulp.dest(config.paths.dest.release.scripts),
            gulp.dest(config.paths.dest.build.scripts)));

dependencies.js文件包含以下代码：

'use strict';

// bower dependencies (can be edited in package.json)
var angular = require('angular');
require('angular-ui-router');

一切都很好。现在，我尝试用angular-new-router来更改angular-new-router。

我的新dependencies.js (我的任务不变)：

'use strict';

// bower dependencies (can be edited in package.json)
var angular = require('angular');
require('angular-new-router');

有关信息，以下是我的bower.json文件：

{
  "name": "test",
  "private": true,
  "dependencies": {
    "angular": "~1.4.x",
    "angular-new-router": "*",
    "angular-ui-router": "*"
  }
}

使用这个新的配置浏览器，返回一个奇怪的错误：

：：在加载'./....\bower_components\angular-new-router\angular-new-router.js‘时，无法从'D:\Devs\sharefun\WebApplication2\src\WebApplication2\client\modules’的D:\Devs\sharefun\WebApplication2\src\WebApplication2\node_modules\browserify\node_modules\resolve\lib\async.js:55:21上找到模块(D:\Devs\sharefun\WebApplication2\src\WebApplication2\node_modules\browserify\node_modules\resolve(D:\Devs\sharefun\WebApplication2\src\WebApplication2\node_modules\browserify\node_modules\resolve\lib\async.js:92:31) at D:\Devs\sharefun\WebApplication2\src\WebApplication2\node_modules\browserify\node_modules\resolve\lib\async.js:22:47 at Object.oncomplete (fs.js:107:15)

我发现奇怪的是，browserify是在寻找bower_components\angular-new-router\angular-new-router.js而不是bower_components\angular-new-router\index.js

Answer 1

您可以找到答案，指定到index.js的完整路径。试一试

require(angular-new-router/index.js);

或

import 'angular-new-router/index.js'; for ES6

对于任何现在有这个问题的人来说，知道新的路由器包不再被更新，但是你可以从角项目中得到它，这可能是有用的。在这里可以找到使用角1.5、组件()和子路由的最新示例：http://plnkr.co/edit/N3YP3dKMuljpZ6mWsVBT?p=preview