Theia with webpack - Conflict: Multiple assets emit different content to the same filename codicon.ttf

Question

I'm seeing the following error when trying to build my browser app which loads Theia.

Conflict: Multiple assets emit different content to the same filename codicon.ttf

I have tried all kinds of different webpack configs to target this file but this error persists not matter what I do.

I tried all of the above rules (not all at once of course):

 {
         test: /\.ttf$/,
         use: [
            {
               loader: 'url-loader',
               options: {
                  name: `fonts/[path][name][hash:8].[ext]`
               }
            }
         ]
      },

      {
         test: /\.ttf$/,
         use: ['file-loader']
      },

      {
         test: /\.(ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
         type: 'asset',
         parser: {
            dataUrlCondition: {
               maxSize: 10000,
            }
         },
         generator: {
            dataUrl: {
               mimetype: 'image/svg+xml'
            }
         }
      },

      {
         //last resort, still error!
         test: /codicon\.ttf$/,
         use: [{
            loader: "ignore-loader"
         }]
      },

Edit:

I've started removing things line-by-line.

The culprit is exactly this line: const { frontendApplicationModule } = require('@theia/core/lib/browser/frontend-application-module')