Unknown "encore_entry_link_tags" function when using Webpack Encore ^0.21.0

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

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

I finally got there. I replaced the twig links with the html they are replaced with, seems to work so far.

Replace...

{{ encore_entry_link_tags('app') }}

{{ encore_entry_script_tags('app') }}

...with...

<link rel="stylesheet" href="/build/app.css">

and

<script src="/build/runtime.js"></script>

<script src="/build/app.js"></script>