Can't resolve 'file-loader'

When I run

yarn install --production
NODE_ENV=production ./node_modules/.bin/encore production

I get

Syntax Error: ModuleNotFoundError: Module not found: Error: Can't resolve 'file-loader' in '/var/www/vagrant.assurancevie.com/current'

But the module file-loader is installed. It’s not in node_modules but in node_modules/@symfony/webpack-encore/node_modules because I have another library requiring another version of file-loader.

[VincentLanglet]

I tried to fix that by moving the resolving part in Encore, would you be able to test if that works for you?

$ yarn remove @symfony/webpack-encore
$ yarn add git://github.com/lyrkan/webpack-encore.git#loaders-resolving

Yes it works !

With no file-loader at the root of my node_modules

[Lyrkan]

When I don’t require it manually, I don’t have one at the root. I think it’s more a yarn bug than a webpack-encore bug, BUT I still considere there is a bug with encore, because webpack-encore should be able to use the hoisted dependency.

The issue is that Encore currently builds a Webpack config that looks like this:

{
  module: {
    rules: [
      {
        test: /\.(png|jpg|jpeg|gif|ico|svg|webp)$/,
        loader: 'file-loader'
      }
    ]
  }
}

This config is then used by Webpack that does the resolving of file-loader. Node checks if webpack has that dependency in its node_modules folder, then at the top-level. In your case both of them are missing and it has no reason to use the one from node_modules/@symfony/webpack-encore/node_modules.

I tried to fix that by moving the resolving part in Encore, would you be able to test if that works for you?

$ yarn remove @symfony/webpack-encore
$ yarn add git://github.com/lyrkan/webpack-encore.git#loaders-resolving