Tengo una aplicación web más antigua que usa React pero también algunas bibliotecas más antiguas. Estoy usando Webpack 5 para agrupar mis archivos.

Cuando inicio la aplicación, me sale este error:

 Uncaught TypeError: underscore__WEBPACK_IMPORTED_MODULE_1__.default.noConflict is not a function

Está en esta línea en el archivo EntryPoint.js:

 var underscore = _.noConflict();

Y se usa así:

 import _ from 'underscore'; import Backbone from 'backbone'; import $ from 'jquery'; $.noConflict(true); Backbone.noConflict(); // error here var underscore = _.noConflict(); underscore.templateSettings = { interpolate: /\{\{(.+?)\}\}/g, evaluate: /\{%([\s\S]+?)%\} };

También probé esto:

 import underscore from 'underscore'; import Backbone from 'backbone'; import $ from 'jquery'; $.noConflict(true); Backbone.noConflict(); // error here underscore.noConflict(); underscore.templateSettings = { interpolate: /\{\{(.+?)\}\}/g, evaluate: /\{%([\s\S]+?)%\} };

Creo que lo estoy usando correctamente según los documentos de underscore :

https://underscorejs.org/#noConflict

¿Alguien sabe qué podría estar causando esto?

¡Gracias!