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

Answer 1

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>

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

Answer 3

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