Question

当JS文件需要另一个JS文件时，我得到404 Not Found，而在require语句中，它没有指定.js扩展名。

我有一个名为CalendarUtils.js的文件，它需要一些来自date-fns的模块：

module.exports = factory(require("date-fns/add_days/index"));

我得到404：

[1] 16.11.14 10:45:55 404 GET /lib/date-fns/add_days/index

如果我将CalendarUtils.js更改为：

module.exports = factory(require("date-fns/add_days/index.js"));

然后它有效。

我想知道为什么会这样。这发生在几个地方，我我宁愿不到处改变。我正在使用Angular2。

我的date-fns索引文件：

gaurav:application gaurav$ tree build/lib/date-fns/add_days/
build/lib/date-fns/add_days/
└── index.js

如果需要，请问我任何问题。非常感谢。

angular2的系统配置文件，以了解文件位置：

(function (global) {
    System.config({
        paths: {
            // paths serve as alias
            'npm:': 'lib/'
        },
        // map tells the System loader where to look for things
        map: {
            // our app is within the app folder
            app: 'app',
            // angular bundles
            '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
            '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
            '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
            '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
            '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
            '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
            '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
            '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
            // other libraries
            'rxjs': 'npm:rxjs',
            'date-fns': 'npm:date-fns',
            'angular-calendar': 'npm:angular-calendar/dist/umd/angular-calendar.js',
            'angular-resizable-element': 'npm:angular-resizable-element/dist/umd/angular-resizable-element.js',
            'calendar-utils': 'npm:calendar-utils/dist/umd/calendarUtils.js'
        },
        // packages tells the System loader how to load when no filename and/or no extension
        packages: {
            app: {
                main: './main.js',
                defaultExtension: 'js'
            },
            rxjs: {
                defaultExtension: 'js'
            }
        }
    });
})(this);

Answer 1

在需要本地项目文件时，您应该使用相对路径（或绝对路径）：

module.exports = factory(require("./date-fns/add_days/index"));

否则，require()会将其视为模块名称，并查找名为date-fns/add_days/index的已安装模块，并且显然会失败。

此外，在这种情况下，您可以省略index.js文件名，因为require()在您需要目录时已经查找index.js：

module.exports = factory(require("./date-fns/add_days"));

希望它有所帮助。

Answer 2

找到答案：

我需要在systemjs配置文件中指定defaultExtension：

packages: {
        app: {
            main: './main.js',
            defaultExtension: 'js'
        },
        rxjs: {
            defaultExtension: 'js'
        },
        'date-fns': {
            defaultExtension: 'js'
        }
    }

404当JS文件需要另一个没有.js扩展名

2 个答案: