[Bug] Template compilation error: Whitespace was expected.

[chrissound]

What happened?

Clicked on administration page, and tried clicking on one of the navs

What should happen?

It should respond to a click and load a new page likely?

How can this be reproduced?

Matomo URL > Administration (cog symbol)

Matomo version

5.1.1

PHP version

no idea

Server operating system

debian

What browsers are you seeing the problem on?

Chrome

Computer operating system

Nixos

Relevant log output

From web console I see this


vue.global.js?cb=4863:8290 [Vue warn]: Template compilation error: Whitespace was expected.
1  |  <div style="padding:10px 15px;"><ul class="rss"><li><a class="rss-title" title="" target="_blank" rel="noreferrer noopener" href="https://matomo.org/blog/2024/07/fintech-marketing-strategies/">7 Fintech Marketing Strategies to Maximise Profits in 2024</a><span class="rss-date">July 24, 2024</span><div class="rss-description">Fintech investment skyrocketed in 2021, but funding tanked in the following two years. A -63% decline in fintech investment in 2023 saw the worst year in funding since 2017. Luckily, the correction quickly floored, and the fintech industry will recover ... <p class="read-more-container"><a target="_blank" rel="noreferrer noopener"title="7 Fintech Marketing Strategies to Maximise Profits in 2024" class="read-more button" href="https://matomo.org/blog/2024/07/fintech-marketing-strategies/#more-77335" aria-label="More on 7 Fintech Marketing Strategies to Maximise Profits in 2024">Read More</a></p></div></li><li><a class="rss-title" title="" target="_blank" rel="noreferrer noopener" href="https://matomo.org/blog/2024/07/fintech-content-marketing/">Fintech Content Marketing: 10 Best Practices & Growth Strategies</a><span class="rss-date">July 24, 2024</span><div class="rss-description">Content marketing is an effective strategy for growth and building trust. This is especially true in the fintech industry, where competition is intense and trust is crucial. Content marketing helps you strengthen customer relationships, engage your audience, and differentiate yourself ... <p class="read-more-container"><a target="_blank" rel="noreferrer noopener"title="Fintech Content Marketing: 10 Best Practices &#38; Growth Strategies" class="read-more button" href="https://matomo.org/blog/2024/07/fintech-content-marketing/#more-77137" aria-label="More on Fintech Content Marketing: 10 Best Practices &#38; Growth Strategies">Read More</a></p></div></li><li><a class="rss-title" title="" target="_blank" rel="noreferrer noopener" href="https://matomo.org/blog/2024/07/ocpa-fdbr-and-tdpsa-new-privacy-laws-july-2024/">OCPA, FDBR and TDPSA – What you need to know about the US’s new privacy laws</a><span class="rss-date">July 22, 2024</span><div class="rss-description">On July 1, 2024, new privacy laws took effect in Florida, Oregon, and Texas. People in these states now have more control over their personal data, signaling a shift in privacy policy in the United States. Here&#8217;s what you need ... <p class="read-more-container"><a target="_blank" rel="noreferrer noopener"title="OCPA, FDBR and TDPSA &#8211; What you need to know about the US&#8217;s new privacy laws" class="read-more button" href="https://matomo.org/blog/2024/07/ocpa-fdbr-and-tdpsa-new-privacy-laws-july-2024/#more-77182" aria-label="More on OCPA, FDBR and TDPSA &#8211; What you need to know about the US&#8217;s new privacy laws">Read More</a></p></div></li></ul></div>
   |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     ^ 
  at <Anonymous key=0 > 
  at <Anonymous html="<div st

### Validations

- [X] Read our [Contributing Guidelines](https://github.com/matomo-org/matomo/blob/5.x-dev/CONTRIBUTING.md).
- [X] Follow our [Security Policy](https://github.com/matomo-org/matomo/blob/5.x-dev/SECURITY.md).
- [X] Check that there isn't already an issue that reports the same bug to avoid creating duplicates.
- [X] The provided steps to reproduce is a [minimal reproducible](https://stackoverflow.com/help/minimal-reproducible-example) of the Bug.

[chrissound]

Happens for 5.1.0 as well, it happens after enabling development mode with ./console development:enable

[des-innocraft]

Hi @chrissound Thank you for creating the issue and bringing this to our attention, that's very appreciated. We have reviewed and triaged the problem internally, and we have confirmed it is an issue. Our team will prioritise this, and we will update you on the progress here when we have an update to share. If you have any further information or questions, please feel free to add them here.

[sgiehl]

Hey @chrissound. This seems to be a warning caused by improperly formatted html returned by our RSS feed, which vue js warns about in development mode. It thus should not cause any problems and only prints a warning in the developer console.

[chrissound]

This nav is what is broken, it's not just the warning. Clicking the entries does not do the expected.

[sgiehl]

@chrissound Interesting, as that works for me, while I also get the vue warning. Do you see any additional errors in the browser console when you click a menu item?