title: TypeError: Cannot read properties of undefined (reading 'context')
body: <p>when I start develop the google chrome extension app using this command in macOS Monterey:</p>
  <pre><code>npm run dev
  </code></pre>
  <p>shows error like this:</p>
  <pre><code>   [2] ./src/public/fontello/font/selection-translator.woff 71 bytes {0} [built]
  Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--8-1!node_modules/sass-loader/dist/cjs.js!src/options/options.scss:
      Entrypoint mini-css-extract-plugin = *
      [0] ./node_modules/css-loader??ref--8-1!./node_modules/sass-loader/dist/cjs.js!./src/options/options.scss 598 bytes {0} [built] [failed] [1 error]
  
      ERROR in ./src/options/options.scss (./node_modules/css-loader??ref--8-1!./node_modules/sass-loader/dist/cjs.js!./src/options/options.scss)
      Module build failed (from ./node_modules/css-loader/index.js):
      TypeError: Cannot read properties of undefined (reading 'context')
          at Object.&lt;anonymous&gt; (/Users/xiaoqiangjiang/source/reddwarf/frontend/crx-selection-translate/node_modules/css-loader/lib/loader.js:101:58)
          at Array.map (&lt;anonymous&gt;)
          at Object.&lt;anonymous&gt; (/Users/xiaoqiangjiang/source/reddwarf/frontend/crx-selection-translate/node_modules/css-loader/lib/loader.js:99:31)
          at /Users/xiaoqiangjiang/source/reddwarf/frontend/crx-selection-translate/node_modules/css-loader/lib/processCss.js:199:3
  </code></pre>
  <p>I have searched from internet seems no one facing this problem. this is the project <code>package.json</code>:</p>
  <pre><code>{
    &quot;private&quot;: true,
    &quot;repository&quot;: {
      &quot;type&quot;: &quot;git&quot;,
      &quot;url&quot;: &quot;git+https://github.com/jiangxiaoqiang/crx-selection-translate.git&quot;
    },
    &quot;scripts&quot;: {
      &quot;xpostinstall&quot;: &quot;node ./build/install-pdf-viewer&quot;,
      &quot;dev&quot;: &quot;webpack --config build/webpack.dev.config.js&quot;,
      &quot;build&quot;: &quot;gulp --cwd . --gulpfile build/gulp-build.js&quot;,
      &quot;test&quot;: &quot;karma start build/karma.config.js&quot;
    },
    &quot;dependencies&quot;: {
      &quot;bootstrap-sass&quot;: &quot;^3.4.1&quot;,
      &quot;chrome-call&quot;: &quot;^1.0.2&quot;,
      &quot;connect.io&quot;: &quot;^3.1.3&quot;,
      &quot;interact.js&quot;: &quot;^1.2.6&quot;,
      &quot;translation.js&quot;: &quot;github:jiangxiaoqiang/translation.js&quot;,
      &quot;vue&quot;: &quot;^1.0.24&quot;,
      &quot;vue-router&quot;: &quot;^0.7.11&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;babel-core&quot;: &quot;^6.26.3&quot;,
      &quot;babel-loader&quot;: &quot;^7.1.5&quot;,
      &quot;babel-plugin-transform-runtime&quot;: &quot;^6.9.0&quot;,
      &quot;babel-polyfill&quot;: &quot;^6.26.0&quot;,
      &quot;babel-preset-es2015&quot;: &quot;^6.9.0&quot;,
      &quot;babel-preset-stage-3&quot;: &quot;^6.5.0&quot;,
      &quot;chrome-env&quot;: &quot;^0.0.6&quot;,
      &quot;css-loader&quot;: &quot;^0.23.1&quot;,
      &quot;del&quot;: &quot;^2.2.0&quot;,
      &quot;download&quot;: &quot;^5.0.0&quot;,
      &quot;extract-text-webpack-plugin&quot;: &quot;^4.0.0-beta.0&quot;,
      &quot;file-loader&quot;: &quot;^1.1.6&quot;,
      &quot;fs-extra&quot;: &quot;^8.1.0&quot;,
      &quot;gulp&quot;: &quot;^3.9.1&quot;,
      &quot;gulp-clean-css&quot;: &quot;^2.3.2&quot;,
      &quot;gulp-htmlmin&quot;: &quot;^2.0.0&quot;,
      &quot;gulp-jsonmin&quot;: &quot;^1.2.0&quot;,
      &quot;gulp-uglify&quot;: &quot;^1.5.3&quot;,
      &quot;gulp-zip&quot;: &quot;^3.2.0&quot;,
      &quot;isparta-loader&quot;: &quot;^2.0.0&quot;,
      &quot;jasmine-core&quot;: &quot;^2.99.1&quot;,
      &quot;karma&quot;: &quot;^6.3.11&quot;,
      &quot;karma-chrome-launcher&quot;: &quot;^1.0.1&quot;,
      &quot;karma-coverage&quot;: &quot;^2.1.0&quot;,
      &quot;karma-coveralls&quot;: &quot;^2.1.0&quot;,
      &quot;karma-firefox-launcher&quot;: &quot;^1.3.0&quot;,
      &quot;karma-ie-launcher&quot;: &quot;^1.0.0&quot;,
      &quot;karma-jasmine&quot;: &quot;^1.1.2&quot;,
      &quot;karma-phantomjs-launcher&quot;: &quot;^1.0.0&quot;,
      &quot;karma-safari-launcher&quot;: &quot;^1.0.0&quot;,
      &quot;karma-sourcemap-loader&quot;: &quot;^0.3.8&quot;,
      &quot;karma-webpack&quot;: &quot;^1.7.0&quot;,
      &quot;mini-css-extract-plugin&quot;: &quot;1.6.2&quot;,
      &quot;phantomjs-prebuilt&quot;: &quot;^2.1.6&quot;,
      &quot;raw-loader&quot;: &quot;^0.5.1&quot;,
      &quot;sass&quot;: &quot;^1.22.10&quot;,
      &quot;sass-loader&quot;: &quot;^7.3.1&quot;,
      &quot;style-loader&quot;: &quot;^0.13.0&quot;,
      &quot;vue-html-loader&quot;: &quot;^1.2.0&quot;,
      &quot;webpack&quot;: &quot;^4.4.0&quot;,
      &quot;webpack-cli&quot;: &quot;^4.9.1&quot;
    },
    &quot;author&quot;: &quot;Jiangxiaoqiang &lt;jiangtingqiang@gmail.com&gt;&quot;,
    &quot;license&quot;: &quot;GPLv3&quot;,
    &quot;bugs&quot;: {
      &quot;url&quot;: &quot;https://github.com/jiangxiaoqiang/crx-selection-translate/issues&quot;
    },
    &quot;homepage&quot;: &quot;https://github.com/jiangxiaoqiang/crx-selection-translate#readme&quot;
  }
  </code></pre>
  <p>I have tried to remove the <code>node_modules</code> folder and reinstall dependencies but could not fix the problem? what should I do to fix this problem? and this is my webpack config:</p>
  <pre><code>const path = require('path');
  const webpack = require( 'webpack' );
  const MiniCssExtractPlugin = require( 'mini-css-extract-plugin' );
  
  module.exports = {
    entry : {
      bg : './src/background-scripts/' ,
      content : ['./src/content-scripts/firefox-fix.js', './src/content-scripts/'] ,
      options : [
        './src/options/'
      ],
      popup : './src/popup/' ,
      'bs-lite' : './src/public/bootstrap-lite.scss'
    } ,
    output : {
      path : path.resolve(__dirname, '../src/bundle') ,
      filename : '[name].js'
    } ,
    module : {
      rules : [
        {
          test : /\.js$/ ,
          exclude : [ /node_modules(?!(\/|\\?\\)(translation\.js|selection-widget|connect\.io|chrome-env)\1)/ ] ,
          loader : 'babel-loader'
        } ,
        {
          test : /\.woff$/ ,
          loader : 'file-loader' ,
          query : {
            name : '[name].[ext]'
          }
        } ,
        {
          test : /\.html$/ ,
          loader : 'vue-html-loader'
        } , 
        {
          test: /\.css$/i,
          use: [MiniCssExtractPlugin.loader, &quot;css-loader&quot;],
        },
        {
          test : /\.(scss)$/ ,
          use: [
            MiniCssExtractPlugin.loader,
            {
              loader: &quot;css-loader&quot;,
              options: {
                modules: true,
                sourceMap: true,
                importLoader: 2
              }
            },
            &quot;sass-loader&quot;
          ]
        }
      ]
    },
    optimization: {
      splitChunks: {
        cacheGroups: {
          commons1: {
            name: 'commons1',
            chunks: 'all',
            minChunks: 1,
            test(module,chunks){
              for (const chunk of module.chunksIterable) {
                if (chunk.name &amp;&amp; /(popup|content)/.test(chunk.name)) {
                     return true;
                }
              }
              return false;
            }
          },
          commons2: {
            name: 'commons2',
            chunks: 'all',
            minChunks: 1,
            test(module,chunks){
              for (const chunk of module.chunksIterable) {
                if (chunk.name &amp;&amp; /(options|commons1)/.test(chunk.name)) {
                     return true;
                }
              }
              return false;
            }
          },
          commons3: {
            name: 'commons3',
            chunks: 'all',
            minChunks: 1,
            test(module,chunks){
              for (const chunk of module.chunksIterable) {
                if (chunk.name &amp;&amp; /(bg|commons2)/.test(chunk.name)) {
                     return true;
                }
              }
              return false;
            }
          },
        }
      }
    },
    plugins : [
      new MiniCssExtractPlugin()
    ]
  };
  </code></pre>