在... \globalize\dist\globalize中找不到模块：'cldr‘

Question

在我的React应用程序中，我尝试使用react-widgets package附带的DateTimePicker组件。我也通过reactstrap使用Bootstrap4组件。

我已经安装了模块：

npm install --save bootstrap@4.0.0-beta reactstrap@next
npm install --save globalize react-widgets-globalize

但是当我尝试使用DateTimePicker组件时：

import Globalize from 'globalize'
import globalizeLocalizer from 'react-widgets-globalize'
import { DateTimePicker } from 'react-widgets'

class Foo extends Component {
    render() {

        Globalize.locale('en')
        globalizeLocalizer()
        let formatter = Globalize.dateFormatter({ raw: 'MMM dd, yyyy' })

        return(
            <div>
                <DateTimePicker
                    format={formatter} 
                    defaultValue={new Date()}
                    time={false}
                />
            </div>
        )
    }
}

我得到了错误

Error in ./~/globalize/dist/globalize.js
Module not found: 'cldr' in C:\Users\y\Desktop\test\node_modules\globalize\dist
 @ ./~/globalize/dist/globalize.js 22:2-25:14

Error in ./~/globalize/dist/globalize.js
Module not found: 'cldr/event' in C:\Users\y\Desktop\test\node_modules\globalize\dist

 @ ./~/globalize/dist/globalize.js 22:2-25:14

Error in ./~/globalize/dist/globalize/message.js
Module not found: 'cldr' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/message.js 22:2-26:14

Error in ./~/globalize/dist/globalize/message.js
Module not found: 'cldr/event' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/message.js 22:2-26:14

Error in ./~/globalize/dist/globalize/number.js
Module not found: 'cldr' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/number.js 22:2-27:14

Error in ./~/globalize/dist/globalize/number.js
Module not found: 'cldr/event' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/number.js 22:2-27:14

Error in ./~/globalize/dist/globalize/number.js
Module not found: 'cldr/supplemental' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/number.js 22:2-27:14

Error in ./~/globalize/dist/globalize/plural.js
Module not found: 'cldr' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/plural.js 22:2-27:14

Error in ./~/globalize/dist/globalize/plural.js
Module not found: 'cldr/event' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/plural.js 22:2-27:14

Error in ./~/globalize/dist/globalize/plural.js
Module not found: 'cldr/supplemental' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/plural.js 22:2-27:14

Error in ./~/globalize/dist/globalize/currency.js
Module not found: 'cldr' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/currency.js 18:2-24:14

Error in ./~/globalize/dist/globalize/currency.js
Module not found: 'cldr/event' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/currency.js 18:2-24:14

Error in ./~/globalize/dist/globalize/currency.js
Module not found: 'cldr/supplemental' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/currency.js 18:2-24:14

Error in ./~/globalize/dist/globalize/date.js
Module not found: 'cldr' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/date.js 22:2-28:14

Error in ./~/globalize/dist/globalize/date.js
Module not found: 'cldr/event' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/date.js 22:2-28:14

Error in ./~/globalize/dist/globalize/date.js
Module not found: 'cldr/supplemental' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/date.js 22:2-28:14

Error in ./~/globalize/dist/globalize/relative-time.js
Module not found: 'cldr' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/relative-time.js 22:2-29:14

Error in ./~/globalize/dist/globalize/relative-time.js
Module not found: 'cldr/event' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/relative-time.js 22:2-29:14

Error in ./~/globalize/dist/globalize/relative-time.js
Module not found: 'cldr/supplemental' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/relative-time.js 22:2-29:14

Error in ./~/globalize/dist/globalize/unit.js
Module not found: 'cldr' in C:\Users\y\Desktop\test\node_modules\globalize\dist\globalize

 @ ./~/globalize/dist/globalize/unit.js 22:2-27:14

我还缺少什么npm包或配置？

Answer 1

尝试删除node-modules文件夹并运行npm install。

Answer 2

尝试:在查看https://github.com/globalizejs/globalize文档后，我在angular中遇到了同样的问题，这个解决方案对我很有效