我正在做一些关于React的研究,并开始在sass加载程序中进行CSS/SCSS模块处理的实验。我已经完成了大部分的设置,但是我遇到了一个问题,我不太清楚如何解决,我在下面的场景中介绍了这个问题:
ComponentA.jsx
import React from 'react';
import ComponentB from './app/components/ComponentB.jsx';
// Importing Core CSS module for component A
require("./ComponentA.scss");
这个问题已经有一个星期了,还没有找到解决办法,但我想出了一些办法来缩小问题的范围。我试图在我的Next.js应用程序中运行纱线构建,但是它失败了,我将在下面发布一个错误。
程序应用程序在yarn dev中编译得很好,所有样式都可以工作。我使用了TW文档中的标准设置。
不良的风格名称会导致建筑错误吗?例如,className="BadStyleName h-10 w-10"
错误:
info - Creating an optimized production build
Failed to compile.
HookWebpackError: C:\Users\proj
我正在从事的项目中,我必须使用Material,只是为了简单起见,考虑一下我有一个简单的功能组件,其中我有2个实质性UI组件-- Button和Text Field
import React from 'react';
import { Button, TextField } from '@material-ui/core';
function RenderComponent(){
return(
<>
<Button variant="contained">Contain