React.js中的动态CSS模块

丹尼斯

如果我尝试在webpack控制的环境中导入名称为包含.env变量的css-module,由于块拆分,我将遇到未定义的错误。

TypeError: Cannot read property 'my-css-class-name' of undefined

解决办法是什么?

难以置信

正如Webpack模块方法文档中所述,解决方案非常简单,有多个选项可以告诉webpack如何捆绑您的应用程序。对我们来说重要的是渴望选择告诉webpack将动态导入捆绑到当前块中。这是代码片段:

let styles;
import(/* webpackMode: "eager" */
`./LoginPanel.${process.env.REACT_APP_VARIABLE}.module.scss`).then(
  imported => {
    styles = imported.default;
  }
);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React.JS中的CSS模块

来自分类Dev

CSS 不适用于 React 中的 intro.js 模块

来自分类Dev

在 React 中动态覆盖 Bootstrap CSS 变量?

来自分类Dev

在React JS中添加动态参数的语法

来自分类Dev

在React JS中创建动态数组

来自分类Dev

在react js中渲染动态html

来自分类Dev

使用 Html/css/js 中的一个模块 VS 在 React 中构建一个小站点

来自分类Dev

在React.js中使用动态CSS类名

来自分类Dev

检测CSS模块中不存在的className的使用/ React

来自分类Dev

如何从React中的外部模块正确加载CSS?

来自分类Dev

React 中的动态需求

来自分类Dev

是否可以在react中卸载动态CSS导入?

来自分类Dev

如何在React中动态更改CSS属性的值?

来自分类Dev

React Loadable 在动态加载的组件中请求新的 css

来自分类Dev

从JSON文件动态加载图像位置-(无法找到模块...)React,Next.js

来自分类Dev

在React.js中动态获取资产图像

来自分类Dev

如何在React JS中避免空动态李

来自分类Dev

如何在React.js中动态添加SelectOption

来自分类Dev

如何根据键在React JS中创建动态表?

来自分类Dev

在Chart.JS + React中设置动态状态数据

来自分类Dev

无法在react js中动态加载本地文件

来自分类Dev

React JS 动态数据获取

来自分类Dev

CSS模块,React和覆盖CSS类

来自分类Dev

使用承诺状态恢复的React Redux动态模块加载模块

来自分类Dev

在React中解耦模块

来自分类Dev

在 React 中找不到模块

来自分类Dev

React 中的 Jest 模块模拟

来自分类Dev

在React 0.12中动态渲染React组件

来自分类Dev

React Native中的动态色彩