CSS und JS fehlen auf Unterseiten nach Upgrade auf Typo3 11.5

Beim Upgrade von Typo3 10.4 auf Typo3 11.5 trat bei zwei Projekten das Phänomen auf, dass (nur!) auf den Unterseiten ab der zweiten Menübebene sowohl CSS als auch JS fehlten. "Untersuchen" in Firefox meldete, dass die Ressourcen aufgrund eines falschen MIME Typs (text/html) nicht eingebunden werden konnten.
Nach längerem Herumprobieren fand ich heraus, dass bisher mit page.includeCSS und page.includeJSLibs eingebundene Ressourcen diese Probleme machten.Über page.headerData eingebunden, funktioniert es wieder wie vorher.
Die Idee holte ich mir auf https://t3planet.com/blog/add-css-js-typo3/.
Hier sind alle Möglichkeiten aufgelistet, solche Ressourcen einzubinden.

Erstellt 30.11.22

Beim Upgrade von Typo3 12.4 auf 13.4 trat das Phänomen ebenfalls bei bestimmten Websites jeweils ab der zweiten Menüebene auf. Auch das favicon wurde nicht erkannt. Das hatte. z.T. damit zu tun, dass {resourcedir} dort nicht aufgelöst werden konnte; zudem wurden die Ressourcen jetzt über page.headerData eingebunden, so dass alles wieder funktionierte. 

Beispiel CSS:
page.headerData.20 = TEXT
page.headerData.20.value (
<link rel="stylesheet" href="/fileadmin/Projekt/Resources/Css/bootstrap.css" media="all">
<link rel="stylesheet" href="/fileadmin/Projekt/Resources/Extensions/indexed_search/Css/indexed_search.css" media="all">
)
 

Beispiel js:
page.headerData.30 = TEXT
page.headerData.30.value ( 
 <script src="/fileadmin/Projekt/Resources/Javascript/jquery.js"></script>
 <script src="/fileadmin/Projekt/Resources/Javascript/projekt.js"></script>
)

Update vom 30.9.2025