next.js antd 配置 ConfigProvider 中文 zh_CN 时出错
根据文档 https://ant.design/docs/react/i18n-cn 使用 ConfigProvider 全局配置国际化文案时,出现如下错误
import Pagination from "rc-pagination/es/locale/zh_CN";
^^^^^^^^^^
SyntaxError: Unexpected identifie
pages/_app.js 代码如下:
import React from 'react'
import App from 'next/app'
import { ConfigProvider } from 'antd'
import zhCN from 'antd/es/locale/zh_CN'
import '../less/global.less'
class MyApp extends App {
render() {
const { Component, pageProps} = this.props
return (
<ConfigProvider locale={zhCN}>
<Component {...pageProps} />
</ConfigProvider>
)
}
}
export default MyApp
解决方法:
把 import zhCN from 'antd/es/locale/zh_CN'
改成 import zhCN from 'antd/lib/locale/zh_CN'