欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

找不到模塊:Can & # 39t解決& # 39；@ styles/globals . CSS & # 39；

CSS
劉姿婷2年前9瀏覽0評論

我正在學習next.js的教程，現在我決定開始我自己的項目，但是我得到了錯誤模塊未找到:無法解析' @styles/globals.css '

在教程項目中，我沒有得到任何錯誤:

教程代碼

import '@styles/globals.css';

export const metadata = {
    title: "Tutorial ",
    description: "Welcome to the Tutorial"
}

const RootLayout = ({children}) => {
    return (
        <html lang="en">
            <body>
                {children}
            </body>
        </html>
    );
};

export default RootLayout;

但是在我自己的項目中，我得到了錯誤

我的代碼

import '@styles/globals.css';

export const metadata = {
    title: "Application 2",
    description: "Welcome to application 2"
}


const RootLayout = ({children}) => {
    return (
        <html>
            <body>
                {children}
            </body>
        </html>
    );
};

export default RootLayout;

這兩個next.config文件在代碼行方面是相同的

next.config.js

/** @type {import('next').NextConfig} */
const nextConfig = {
    experimental: {
        appDir: true,
        serverComponentsExternalPackages: ["mongoose"],
    },
    images: {
        domains: ['lh3.googleusercontent.com'],
    },
    webpack(config) {
        config.experiments = {
            ...config.experiments,
            topLevelAwait: true,
        }
        return config
    }
}

module.exports = nextConfig

...但唯一的區別是，在我的代碼中，最后一行似乎有問題。我似乎想不出那是什么。

問題可視化-你可以在教程代碼中看到，模塊被識別，但在我的代碼中沒有被識別

教程代碼enter image description here

我的代碼enter image description here

你可以看到模塊這個詞在我的代碼中沒有突出顯示

感謝貢獻一個堆棧溢出的答案！

請務必回答問題。提供詳細信息并分享您的研究！但是要避免…

尋求幫助、澄清或回應其他答案。根據意見發表聲明；用參考資料或個人經歷來支持他們。要了解更多，請查看我們關于撰寫精彩答案的提示。