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

المشروع يقوم بعمل تحديث تلقائي عند تشغيله بوضع production مع استخدام webpack

علي رزوقي

السؤال

السلام عليكم 

لدي مشكلة في مشروع الشركة في احد مسارات الدورة حاولت تشغيله لكنه لايعمل بشكل جيد حيث يقوم بعمل ريفريش تلقائي متكرر و لم افهم ما المشكلة 

هل يمكن المساعدة ؟

لقطة الشاشة 2022-06-30 204759.png

company.zip

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

ظهرت رسالة الخطأ التالية:

Html Webpack Plugin:
  Error: html-webpack-plugin could not minify the generated output.
  In production mode the html minifcation is enabled by default.
  If you are not generating a valid html output please disable it manually.
  You can do so by adding the following setting to your HtmlWebpackPlugin config:
  |
  |    minify: false
  |
  See https://github.com/jantimon/html-webpack-plugin#options for details.
  For parser dedicated bugs please create an issue here:
  https://danielruf.github.io/html-minifier-terser/
  Parse Error: 
 

وسببها أن هنالك جزء من HTML غير مكتوب بطريقة صحيحة تماماً (هو صحيح لكن ليس 100%)

وهو في السطر blog.html 87 :

ModuleError: Module Error (from ./node_modules/html-loader/dist/cjs.js):
    Parse Error: <div class="card mb-3" ">
      
      
<div class="card mb-3" ">
                      ^^^  خطأ
      
<div class="card mb-3">  الصحيح

عندها يعمل build بشكل صحيح.

ظهرت تنبيهات بشأن الأداء وحجم الصور، يمكنك تقليل حجم الصور و ضغطهم، ثم استخدام الصورة المضغوطة أو إبطال التحقق من ذلك بإضافة performance مع الخصائص التالية 

module.exports = {

  performance: {
    hints: false,
    maxEntrypointSize: 512000,
    maxAssetSize: 512000,
  },

ثم أصبح npm run build يعمل بشكل سليم.

  • يمكنك نشر السؤال أسفل الدرس في حال كنت تدرسه وليس مشروع امتحان
رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...