Actualicé la versión de Node JS en el proyecto de v12 a v14 y con eso, algunos de los paquetes, incluido laravel-mix v6.0.18. A lo largo del proyecto, se están utilizando estos módulos css ": global (selector)", que después de la actualización no funcionan.

Intenté agregar css-loader como módulo en webpack.mix.js :

 module: { rules: [ { test: /\.css$/, use : [ { loader: 'css-loader', options: { modules: true, } } ] }]} // there are some other babel rules as well.

Después de ejecutar npm run watch y compila, muestra este error:

 ERROR in ./resources/css/fontello.css (./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-7[0].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-7[0].rules[0].use[2]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-23[0].rules[0].use[0]!./resources/css/fontello.css) Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): SyntaxError (1:1) C:\Users\osman\Desktop\Projects\mywebsite\resources\css\fontello.css Unknown word > 1 | // Imports | ^ 2 | import ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from "../../node_modules/css-loader/dist/runtime/noSourceMaps.js"; 3 | import ___CSS_LOADER_API_IMPORT___ from "../../node_modules/css-loader/dist/runtime/api.js";

Hay 14 errores exactamente iguales a este que aparecen, solo cambia la ruta ./resources/css/fontello.css .

En la consola del navegador el error aparece así:

 Uncaught Error: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): SyntaxError (1:1) C:\Users\osman\Desktop\Projects\mywebsite\resources\css\theme\index.css Unknown word [1m[31m>[39m[22m[90m 1 | [39m// Imports [90m | [39m[1m[31m^[39m[22m [90m 2 | [39mimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from [32m"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js"[39m[33m;[39m [90m 3 | [39mimport ___CSS_LOADER_API_IMPORT___ from [32m"../../../node_modules/css-loader/dist/runtime/api.js"[39m[33m;[39m

Cualquier ayuda sería apreciada.