无法在 React 应用程序中导入 CSS 模块

Question

我正在尝试导入

import '@progress/kendo-theme-material/dist/all.css'

但我收到以下错误：

Error in ./~/@progress/kendo-theme-material/dist/all.css
Module not found: Cannot resolve directory '.' in C:\Users\username\work\other\react\myapp\node_modules\@progress\kendo-theme-material\dist

 @ ./~/css-loader?importLoaders=1!./~/postcss-loader!./~/@progress/kendo-theme-material/dist/all.css 6:447431-447444 6:447502-447515

项目是用 npx create-react-react-app myapp 创建的我的节点版本是 12 LTS

奇怪的是，同一个演示应用程序在 Debian 9 系统上运行，但在 Windows10

中出现错误

Answer 1

我将 create-react-app 软件包更新到最新版本：create-react-app@3.2.0

npm update -g create-react-app

我的版本是 3.0.1

此外，我在现有项目中更新了 react-scripts 版本

npm install --save --save-exact react-scripts@3.2.0

https://create-react-app.dev/docs/updating-to-new-releases/

无法在 React 应用程序中导入 CSS 模块

Unable to import CSS module in a react app

javascript

kendo-ui

reactjs

webpack