Programmiererforum

import React from 'react';
import Head from 'next/head'
...



...

import type { Metadata } from 'next'

export const metadata: Metadata = {
title: "My Page Title",
}

export default function Page() {
return "..."
}

import "/assets/css/styles.css";
< /code>
, aber es zeigt diesen Fehler an: < /p>
Module not found: Can't resolve "/assets/css/styles.css"

Ich verwende den nächsten JS 15.2.3 und versuche, eine CSS -Datei aus dem öffentlichen Ordner in ein Layout einzubeziehen.[code]import React from 'react';
import Head from 'next/head'
...



...
[/code]
Ich habe aus der Dokumentation (Link hier) festgestellt, dass das Kopf aufgrund der Einführung des App -Routers nicht mehr gültig ist[code]import type { Metadata } from 'next'

export const metadata: Metadata = {
title: "My Page Title",
}

export default function Page() {
return "..."
}
[/code]
Ich habe auch versucht, den Pfad direkt in die Datei direkt in die Datei layout.tsx wie
einzubeziehen[code]import "/assets/css/styles.css";
< /code>
, aber es zeigt diesen Fehler an: < /p>
Module not found: Can't resolve "/assets/css/styles.css"
[/code]
Gibt es eine Möglichkeit, CSS aus einem öffentlichen Ordner einzubeziehen, ohne ihn in das App Verzeichnis zu verschieben?