Wie füge ich die CSS -Datei aus dem öffentlichen Ordner in das nächste JS 15 -Projekt ein? ⇐ CSS

[Anonymous]

Ich verwende den nächsten JS 15.2.3 und versuche, eine CSS -Datei aus dem öffentlichen Ordner in ein Layout einzubeziehen.

Code: Select all

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



...

Ich habe aus der Dokumentation (Link hier) festgestellt, dass das Kopf aufgrund der Einführung des App -Routers nicht mehr gültig ist

Code: Select all

import type { Metadata } from 'next'

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

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

Ich habe auch versucht, den Pfad direkt in die Datei direkt in die Datei layout.tsx wie
einzubeziehen

Code: Select all

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

Gibt es eine Möglichkeit, CSS aus einem öffentlichen Ordner einzubeziehen, ohne ihn in das App Verzeichnis zu verschieben?