Как я исправил Webpack 4 `loaderUtils.parseQuery ()

DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.

После обновления до Webpack 4 вы можете получить указанное выше предупреждение. Эта ошибка не связана с Webpack, но связана с одним из используемых им загрузчиков. Вопрос в том, какой…

Отслеживание проблемного загрузчика

const publicPath = 'public';
const os = require('os');
const merge = require('webpack-merge');
const parts = require('./webpack.parts');
const PATHS = {
  app: __dirname,
  build: `${__dirname}/${publicPath}`,
  fixedPath: '/'
};
process.traceDeprecation = true;
const commonConfig = merge([
  parts.loadAntD(),
  parts.loadLodashPlugin(),
  parts.loadResolver(),
  parts.loadSvgs({exclude: /node_modules/ }),
  parts.loadMds({exclude: /node_modules/ }),
  parts.loadIcos({exclude: /node_modules/ })
]);

Как и в приведенном выше коде, просто добавьте

process.traceDeprecation = true;

в файл webpack.config и запустите сборку. Теперь вы получите трассировку стека проблемного загрузчика.

В моем случае

"react-svg-loader": "^1.1.1",

была проблема. Проверив страницу Github Issues с плагинами, я понял, что в последней версии есть исправление. После обновления до последней версии предупреждение исчезло.

Удачи,