reactjs - configuration.module يحتوي على "لوادر" خاصية غير معروفة



webpack (5)

مخرجاتي من الخطأ:

كائن التكوين غير صالح. تمت تهيئة Webpack باستخدام كائن تكوين لا يتطابق مع مخطط API. - configuration.module يحتوي على "لوادر" خاصية غير معروفة. هذه الخصائص صالحة: object {exprContextCritical؟، exprContextRecursive ؟، exprContextRegExp ؟، exprContextRequest ؟، noParse ؟، rules ؟، defaultRules ؟، unknownContextCritical ؟، unknownContextRecursive ؟، unknownContextRegExp ؟، unknownContextRequest ؟، unsafeCache ؟، wrappedContextCritical ؟، wrappedContextRecursive ؟، wrappedContextRegursp؟ ؟، strictExportPresence ؟، strictThisContextOnImports؟ } -> خيارات تؤثر على الوحدات النمطية العادية ( NormalModuleFactory ).

my webpack.config.js:

var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'src/client/public');
var APP_DIR = path.resolve(__dirname, 'src/client/app');

var config = {
  entry: APP_DIR + '/index.jsx',
  module : {
    loaders : [
      {
        test : /\.jsx?/,
        include : APP_DIR,
        loader : 'babel-loader'
      }
    ]
  },
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  }

};


module.exports = config;

إصدار حزمة الويب الخاص بي:

[email protected].1.1

Answers

استخدم rules في webpack 4 بدلا من loaders .

https://webpack.js.org/concepts/loaders/




تعمل الإجابات المذكورة أعلاه ولكن يمكننا حل هذه المشكلة من خلال تغيير إصدار حزمة webpack-dev-server و

"webpack": "3.8.1",
"webpack-dev-server": "2.9.4"

يمكن أيضا حل هذه القضية. آمل أن يساعد.


كانت لدي مشكلة في تحميل الصور إلى مشروع React JS. كنت أحاول استخدام محمّل الملف لتحميل الصور ؛ كنت أيضا باستخدام محمل بابل في رد فعلي.

لقد استخدمت الإعدادات التالية في webpack:

{test: /\.(jpe?g|png|gif|svg)$/i, loader: "file-loader?name=app/images/[name].[ext]"},

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

لذلك ، للتغلب على المشكلة ، حاولت استخدام أداة تحميل عناوين URL التي عملت بشكل مثالي من أجلي.

لقد قمت بتحديث حزمة الويب الخاصة بي مع الإعدادات التالية

{test: /\.(jpe?g|png|gif|svg)$/i, loader: "url-loader?name=app/images/[name].[ext]"},

ثم استخدمت الأمر التالي لاستيراد الصور

import img from 'app/images/GM_logo_2.jpg'
<div className="large-8 columns">

      <img  style={{ width: 300, height: 150 }} src={img} />
</div>




reactjs webpack