使用 requirejs 的 bootstrap-table 本地化给出错误“无法读取未定义的属性

Question

使用 TYPO3 作为 CMS，我尝试使用 requirejs 加载引导表本地化，但收到此错误： Uncaught TypeError: Cannot read property 'locales' of undefined。

首先，如果我只加载bootstrap-table.min.js一切正常：

define([

    'jquery',

    'TYPO3/CMS/Iancalendar/bootstrap-table.min'

], function($, bootstrapTable) {

但是当我添加本地化文件时出现该错误：

define([

    'jquery',

    'TYPO3/CMS/Iancalendar/bootstrap-table.min',

    'TYPO3/CMS/Iancalendar/bootstrap-table-locale-all.min'

], function($, bootstrapTable, btl) {

该错误在bootstrap-table-locale-all.min.js的这一行触发：

t.fn.bootstrapTable.locales["af-ZA"]

所以我想这是因为 t.fn.bootstrapTable 尚未在那里定义。

请问，有什么想法可以帮助我解决这个问题吗？

Answer 1

使用 PageRenderer 的 addRequireJsConfiguration 方法解决此问题，并将此代码添加到 ext_localconf.php\TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(\TYPO3\CMS\Core\Page\PageRenderer::class)->addRequireJsConfiguration([    'shim' => [        'bootstrapTable' => ['jquery'],        'bootstrapTableLocale' => ['jquery', 'bootstrapTable'],    ],    'paths' => [        'bootstrapTable' => \TYPO3\CMS\Core\Utility\PathUtility::getAbsoluteWebPath(                \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::extPath('iancalendar', 'Resources/Public/JavaScript/Contrib/')            ) . 'bootstrap-table.min',        'bootstrapTableLocale' => \TYPO3\CMS\Core\Utility\PathUtility::getAbsoluteWebPath(                \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::extPath('iancalendar', 'Resources/Public/JavaScript/Contrib/')            ) . 'bootstrap-table-locale-all.min',    ]]);这样我就可以像这样加载 Main.js 中的模块define([    'jquery',    'bootstrapTable',    'bootstrapTableLocale'], function($, bootstrapTable, bootstrapTableLocale) {...