GD 7.2.0至7.4.0库升级问题

Question

我们正在将GoodData库升级到7.4.0(从7.2.0升级(，我们在构建中遇到的错误是：

0=./node_modules/react-intl/lib/components/provider.js 59:15
Module parse failed: Unexpected token (59:15)
File was processed with these loaders:
* ./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js
You may need an additional loader to handle the result of these loaders.
|     return Object.assign(Object.assign({}, resolvedConfig), { formatters, formatNumber: formatNumber.bind(null, resolvedConfig, formatters.getNumberFormat), formatNumberToParts: formatNumberToParts.bind(null, resolvedConfig, formatters.getNumberFormat), formatRelativeTime: formatRelativeTime.bind(null, resolvedConfig, formatters.getRelativeTimeFormat), formatDate: formatDate.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatDateToParts: formatDateToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatTime: formatTime.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatTimeToParts: formatTimeToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatPlural: formatPlural.bind(null, resolvedConfig, formatters.getPluralRules), formatMessage: formatMessage.bind(null, resolvedConfig, formatters), formatHTMLMessage: formatHTMLMessage.bind(null, resolvedConfig, formatters), formatList: formatList.bind(null, resolvedConfig, formatters.getListFormat), formatDisplayName: formatDisplayName.bind(null, resolvedConfig, formatters.getDisplayNames) });
| }
> export default const IntlProvider = /*@__PURE__*/ function () {
|     class IntlProvider extends React.PureComponent {
|         constructor() {
@ ./node_modules/react-intl/lib/index.js 7:0-76 7:0-76 7:0-76
@ ./node_modules/@gooddata/react-components/dist/helpers/IntlStore.js
@ ./node_modules/@gooddata/react-`enter code here`components/dist/components/filters/DateFilter/utils/Translations/DateFilterTitle.js
@ ./node_modules/@gooddata/react-components/dist/components/filters/DateFilter/index.js
@ ./node_modules/@gooddata/react-components/dist/index.js
@ ./.skypagestmp/src/app/public/src/modules/gooddata-chart/gooddata-chart.component.js
@ ./.skypagestmp/src/app/sky-pages.module.ngfactory.js
@ ./.skypagestmp/src/app/app.module.ngfactory.js
@ ./.skypagestmp/src/main-internal.aot.ts
@ multi ./.skypagestmp/src/main-internal.aot.ts

Answer 1

从错误消息来看，问题似乎出在react-intl上，它已从@gooddata/react-components@7.2.0中的2.4.0升级到@gooddata/react-components@7.4.0中的3.6.0。不幸的是，在从v2升级到v3的某些场景中，react intl需要一些迁移。

很可能，您需要将react-intl库包含到您的构建过程中，如升级指南中所述，方法是将以下配置添加到您的babel加载器(或typescript加载器(配置中：

include: [
path.join(__dirname, "node_modules/react-intl"),
path.join(__dirname, "node_modules/intl-messageformat"),
path.join(__dirname, "node_modules/intl-messageformat-parser"),
],