Question

我使用RequireJS加载Knockout Sortable（v1.10），其中jquery-ui（v1.12）作为依赖项。这两个都是通过凉亭添加的，并放在我的require配置中。但是，我遇到一些奇怪的问题需要错误地获取某些小部件的路径。

我的路径对于jquery-ui来说是这样的：

paths: {
    ...
    'jquery-ui': '/lib/jquery-ui/jquery-ui',
    ...
    // or the .min version like below:
    // 'jquery-ui': '/lib/jquery-ui/jquery-ui.min',
}

jquery-ui的东西加载没有任何问题，但组件变得疯狂。我的控制台日志看起来像这样：

GET http://localhost:5000/lib/jquery-ui/jquery-ui/ui/widgets/draggable.js net::ERR_ABORTED    
require.min.js:5 Uncaught Error: Script error for "jquery-ui/ui/widgets/draggable", needed by: knockout-sortable
http://requirejs.org/docs/errors.html#scripterror
    at l (require.min.js:5)
    at HTMLScriptElement.onScriptError (require.min.js:5)

我为3个单独的小部件得到了同样的错误。小部件位于/lib/jquery-ui/ui/widgets/*.js，但RequireJS位于第二个jquery-ui目录之前。

Knockout Sortable请求资源如下：

require("jquery-ui/ui/widgets/sortable");
require("jquery-ui/ui/widgets/draggable");
require("jquery-ui/ui/widgets/droppable");

我已经尝试了所有的填充和绘图方式，似乎没有任何效果，所以我有点不知所措。

另外值得注意的是，如果我使用jquery-ui.min，路径将转为：

http://localhost:5000/lib/jquery-ui/jquery-ui.min/ui/widgets/*.js

Answer 1

经过一些修补，我发现我需要稍微修改一下我的路径如下：

paths: {
    ...
    'jquery-ui': ['/lib/jquery-ui/jquery-ui.min'],
    'jquery-ui/ui': ['/lib/jquery-ui/ui'],
    ...
}

事实证明，稍微更具体的定义版本允许我覆盖正在发生的奇怪行为。当我使用另一个名为NestedSortable的包时，问题变得复杂了两倍。此软件包尚未更新以处理jQuery UI 1.12 +的新文件夹结构。所以我不得不分叉那个仓库并创建一个新的凉亭包。

JQuery UI和RequireJS错误地映射小部件

1 个答案: