Webpack警告:您可能需要一个适当的加载程序来处理此文件类型(date-nfs)

Question

我的应用程序有问题。我有一个网站。我使用日期fns来显示基于用户语言的格式化日期。

它工作得很好，但我已经更新了日期fns，从那以后我收到了警告。在我的JavaScript代码中，我使用：

const locale = require(`date-fns/locale/${props.match.params.lang}`)

有了这个，我可以生成这样的正确格式：

format(new Date(), 'D MMMM YYYY', { locale })

它是有效的，但我不喜欢在构建webpack时收到的警告。你能帮我理解我的代码出了什么问题吗？如果它在webpack配置或include中。

You may need an appropriate loader to handle this file type.
>frontend         | > declare module 'date-fns/locale/fr' { }
>frontend         | | 
>frontend         |  @ ./node_modules/date-fns/locale sync ^./.*$ ./fr/index.d.ts
>frontend         |  @ ./assets/javascripts/features/weather/components/home-header.js
>frontend         |  @ ./assets/javascripts/features/weather/components/home.js
>frontend         |  @ ./assets/javascripts/features/weather/containers/home-container.js
>frontend         |  @ ./assets/javascripts/features/weather/containers/app.js
>frontend         |  @ ./assets/javascripts/features/weather/index.js
>frontend         |  @ ./assets/javascripts/app/router.js
>frontend         |  @ ./assets/javascripts/index.js
>frontend         |  @ multi (webpack)-dev-server/client?http://0.0.0.0:3000 ./assets/javascripts/index

Answer 1

试试这个：const locale=require(date-fns/locale/${props.match.params.lang}/index.js(