اذهب إلى المحتوى

السؤال

نشر

لقد قمت حرفياً بإنشاء مشروع  nextjs عبر   npx create-next-app ولم أغير شئ لكن ينفتح بخطأ مباشرة 

(node:7636) [DEP_WEBPACK_MODULE_ISSUER] DeprecationWarning: Module.issuer: Use new ModuleGraph API
(Use `node --trace-deprecation ...` to show where the warning was created)
error - ./styles/globals.css
Global CSS cannot be imported from files other than your Custom <App>. Due to the Global nature of stylesheets, and to avoid conflicts, Please move all first-party global CSS imports to pages/_app.js. Or convert the import to Component-Level CSS (CSS Modules).
Read more: https://nextjs.org/docs/messages/css-global
Location: pages\_app.js

 

Recommended Posts

  • 1
نشر

استخدم أداة تحميل Next.js CSS بدلا من @zeit/next-sass, يمكنك الالتزام بالخطوات التالية لفعل ذلك

  • استبدل حزمة @zeit/next-sass بـ sass.
  • قم بإزالة next.config.js. أو لا تغير محمل CSS الموجود بداخله.
  • انقل CSS العام كما هو مقترح في رسالة الخطأ.

من بداية Next.js 9.2 يجب استيراد css-global في مكون <App> مخصص كالتالي


import '../global-styles/main.scss'

export default function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...