Uncaught Error: Cannot find module './standalone-tokens.css'

[chaitanyavd]

Hi, new to this, but for some reason, Webpack cannot seem to find any of the css modules within react-monaco-editor. I've attache my webpack-config below, if anyone could point out what I'm doing wrong, that would be tremendously helpful. Thanks!

const path = require("path");
const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");
const MONACO_DIR = path.resolve(__dirname, "./node_modules/monaco-editor");


module.exports = {
  context: __dirname,
  entry: "./frontend/entry.jsx",
  plugins: [
    new MonacoWebpackPlugin({
      languages: ["python"],
    }),
  ],
  output: {
    path: path.resolve(__dirname, "static", "templates"),
    filename: "main.js",
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules)/,
        use: {
          loader: "babel-loader",
          query: {
            presets: ["@babel/env", "@babel/react"],
          },
        },
      },
      {
        test: /\.css$/,
        use: [
          { loader: "style-loader" },
          {
            loader: "css-loader",
            options: {
              modules: true,
            },
          },
          {
            test: /\.ttf$/,
            use: ["file-loader"],
          },
          { loader: "sass-loader" },
        ],
      },
      {
        test: /\.css$/,
        include: MONACO_DIR,
        use: ["style-loader", "css-loader", "file-loader"],
      },
    ],
  },
  devtool: "source-map",
  resolve: {
    extensions: [".js", ".jsx", "*"],
  },
};

[zty012]

same

[hmd-ai]

@chaitanyavd did you find a solution to this?