Unknown "encore_entry_link_tags" function when using Webpack Encore ^0.21.0

Question

I would like to use the new version of Webpack encore to have access to all the new features it offers. however after following the steps in the official guide I can't make it to work and I get Unknown "encore_entry_link_tags" function

What I did:

1. Update my php version to match requierement of Webpack encore bundle (>7.1.9)
2. run composer require symfony/webpack-encore-bundle
3. update the version of encore on the package.json 0.21.0
4. run npm install --save-dev
5. clear cache

I'm not sure why this is not working. Any suggestion would be appreciated.

Answer 1

After digging a bit, I found that I omitted some steps (not mentioned on the guide). Maybe it's obvious for others but in my case it was not.

Here are all the steps in order for it to work:

1. Update my php version to match requierement of Webpack encore bundle (>7.1.9)
2. run composer require symfony/webpack-encore-bundle
3. update the version of encore on the package.json 0.21.0
4. run npm install --save-dev
5. Add new \Symfony\WebpackEncoreBundle\WebpackEncoreBundle() to your AppKernel.php

6. Add to your config file

   webpack_encore:
       output_path: "%kernel.root_dir%/../web/build/"
   

7. clear cache

I don't know why the Symfony team just assumed everyone would know those 2 steps. Hope it helps

Answer 2

Just run the following 2 cmds:

composer require symfony/webpack-encore-bundle

composer remove symfony/webpack-encore-pack

This fixed the issue for me, apparently they had upgraded webpack encore package with symfony 4;

Here's some reading:

https://symfony.com/blog/encore-0-21-0-webpack-4-support-copy-files-support-webpackencorebundle