0

我正在使用 browserify 设置一个角度项目。

我有一个 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');

一切正常。现在我尝试更改ui-routerwith angular-new-router。

我的新dependencies.js（我的 gulp 任务没有改变）：

'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": "*"
  }
}

使用这个新配置 browserify 返回一个奇怪的错误：

: 在 D:\Devs\sharefun\WebApplication2\src\WebApplication2\client\modules 中找不到模块 './....\bower_components\angular-new-router\angular-new-router.js'： \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\lib\async.js:69:43) 在 onex (D:\Devs\sharefun\WebApplication2\src\WebApplication2\node_modules\browserify\node_modules\resolve\lib\async.js:92:31) 在 D:\ Devs\sharefun\WebApplication2\src\WebApplication2\node_modules\browserify\node_modules\resolve\lib\async.js:22:47 在 Object.oncomplete (fs.js:107:15)

我觉得奇怪的是 browserify 正在寻找bower_components\angular-new-router\angular-new-router.js而不是bower_components\angular-new-router\index.js

4

1 回答 1

1

你有答案，指定 index.js 的完整路径。尝试

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

或者

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

对于现在遇到此问题的任何人，知道新的路由器包不再更新可能很有用，但您可以从 Angular 项目中获取它。可以在此处找到使用 angular 1.5、components() 和子路由的最新示例： http ://plnkr.co/edit/N3YP3dKMuljpZ6mWsVBT?p=preview

于 2016-02-06T11:15:32.813 回答