Webpack警告: 您可能需要一个合适的加载器来处理这种文件类型(date-nfs)。

Question

我有一个关于应用程序的问题。我有一个网站。我使用date-fns根据用户语言显示格式化日期。

它很好用，但是自从我更新了date-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

- Cyril Jeanneret

Answer 1

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

- user6089094