1

我正在尝试将 requirejs 改装到一个项目中，并且我间歇性地在文件上收到“404 Not Found”。

大约每 3 或 4 次重新加载，我都会收到以下错误

GET http://localhost:8080/build/jquery.js 
Uncaught Error: Script error for: jquery

GET http://localhost:8080/build/touchSwipe.js
Uncaught Error: Script error for: touchSwipe

我的文件如下所示：

配置.js

require.config({
    paths: {
        'jquery': 'vendor/jquery',
        'touchSwipe': 'vendor/jquery.touchSwipe.min',
        'scripts': 'scripts/'
    },
    shim: {
        'touchSwipe': {
            deps: ['jquery']
        }
    }
});
require(['main']);

main.js

require(
    ['scripts/menu', 
    .. more js files .. ]);

我使用 grunt-contrib-requirejs 来优化文件，一切似乎都正常

Gruntfile.js

requirejs: {
    compile: {
        options: {
            baseUrl: "path/to/file/",
            mainConfigFile: "path/to/file/config.js",
            dir: 'path/to/build/',
            modules: [
                {
                    name: 'main'
                },
            ],
            uglify: {
                no_mangle: true
            },
        }
    }
}

...只是为了填补空白，我的 main.hbs 文件有这个脚本标签

<script data-main="/build/config" src="/js/vendor/require.js"></script>

正如我所说，在我尝试引入更多模块之前，这一切都很好。我只想在某些页面上加载的模块。

我尝试通过在相关页面的末尾添加以下代码来做到这一点

<script type="text/javascript">
    require(['scripts/page1']);
</script>

page1.js 文件看起来像这样......

define(['jquery', 'touchSwipe'], function ($j) {
    ...
});

当这些错误没有出现时，该站点似乎运行良好。另一件需要注意的是，这似乎只有在我通过 Grunt 任务运行代码时才会出现。

问题是错误中的网址是错误的。jQuery 应该位于 /build/vendor/ 而不是 /build/，而 touchSwipe 是我为库定义的路径。这看起来像是一个时间问题；在新文件之后加载配置。

4

1 回答 1

0

我想到了

我需要在 Grunt 中的模块下指定文件，就像这样

modules: [
    //First set up the common build layer.
    {
        //module names are relative to baseUrl
        name: 'config',
        include: [
            'jquery',
            'touchSwipe',
            'jquery-ui',
            'modernizr'
        ]
    },
    {
      name: 'scripts/page1',
      exclude: ['config']
    }
],

然后我没有将配置文件添加到脚本标签，而是这样做了

require(['./build/config'], function () {  
    require(['scripts/page1']);
});

我加了

baseUrl: "build"

到我的配置文件，这似乎已经成功了

于 2015-03-25T09:53:39.390 回答