Блог

Я обновил версию Node JS в проекте с v12 до v14, и при этом некоторые пакеты, включая laravel-mix v6.0.18.На протяжении всего проекта используются эти css-модули «:глобальный(селектор)», которые после обновления не работают.

Я попытался добавить css-загрузчик в качестве модуля в webpack.mix.js :

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

После запуска npm run watch и компиляции он показывает эту ошибку:

 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:UsersosmanDesktopProjectsmywebsiteresourcescssfontello.css Unknown word   gt; 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";  

Есть 14 ошибок, точно таких же, как эта, которые появляются, просто ./resources/css/fontello.css меняется путь.

В консоли браузера ошибка выглядит следующим образом:

 Uncaught Error: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): SyntaxError  (1:1) C:UsersosmanDesktopProjectsmywebsiteresourcescssthemeindex.css Unknown word [1m[31mgt;[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  

Любая помощь будет признательна.