如何使用CSS模块添加手写笔以创建React App

Question

我正在使用Create React App创建一个应用程序。我尝试弹出以将手写笔与css模块一起使用，但是它不起作用。

我得到的错误是：

  

./ src / components / common / Button.styl   （./node_modules/css-loader/dist/cjs.js?modules&camelCase&localIdentName=[path][name][local]--[hash:base64:5]!./node_modules/stylus-loader ！./ node_modules / postcss-loader / src ?? postcss！./ node_modules / file-loader / dist / cjs.js ?? ref--7-oneOf-7！./ src / components / common / Button.styl）   语法错误：未知词（1：1）

     

    

1 | module.exports = webpack_public_path +“ static / media / Button.e164e213.styl”;

  

我尝试将其添加到webpack.config.js弹出文件中

{
                test: /\.styl$/,
                use: [
                    'style-loader',
                    'css-loader?modules&camelCase&localIdentName=[path]__[name]__[local]--[hash:base64:5]',
                    'stylus-loader',
                    {
                        loader: require.resolve('postcss-loader'),
                        options: {
                            ident: 'postcss',
                            plugins: () => [
                                require('postcss-flexbugs-fixes'),
                                require('postcss-preset-env')({
                                    autoprefixer: {
                                        flexbox: 'no-2009'
                                    },
                                    stage: 3
                                })
                            ]
                        }
                    },
                ]
            }

并将相应的模块添加到我的package.json

任何帮助将不胜感激