javascript - ত্রুটি: অনুপস্থিত শ্রেণীর বৈশিষ্ট্য রূপান্তর




webpack babeljs (6)

@ স্পিকারটি ঠিক, তবে আপনার ক্রমটি পরিবর্তন করা দরকার

loaders: [
  'react-hot',
  'babel?presets[]=react,presets[]=es2015,presets[]=stage-0'
]

Error: Missing class properties transform

Test.js :

export class Test extends Component {
  constructor (props) {
    super(props)
  }

  static contextTypes = {
    router: React.PropTypes.object.isRequired
  }

.babelrc :

{
  "presets": ["es2015", "react", "stage-0"],
  "plugins": ["transform-class-properties"]
}

package.json :

"babel-core": "^6.5.1",
"babel-eslint": "^4.1.8",
"babel-loader": "^6.2.2",
"babel-plugin-react-transform": "^2.0.0",
"babel-plugin-transform-class-properties": "^6.5.2",
"babel-preset-es2015": "^6.5.0",
"babel-preset-react": "^6.5.0",
"babel-preset-stage-0": "^6.5.0",
"babel-register": "^6.5.2",

আমি ওয়েবে স্ক্রোল করেছি এবং সমস্ত ফিক্সগুলি চারদিকে ঘুরে: বেবেল 6 এ আপগ্রেড করা, "এএস ২০১৫" এর পরে "পর্যায় -0" এর ক্রমটি স্যুইচ করা। আমি সব করেছি।


অবশেষে আবিষ্কার হয়েছে, webpack.mix.js -মিক্স প্রকল্পে এই ত্রুটিটি সরাতে webpack.mix.js নীচের কোড যুক্ত করুন

mix.webpackConfig({
        module: {
            rules: [
                {
                    test: /\.js?$/,
                    exclude: /(node_modules|bower_components)/,
                    loaders: [
                        'babel-loader?presets[]=react,presets[]=es2015,presets[]=stage-0'
                    ]
                }
            ],
        }
});

আমার এই একই ত্রুটি ছিল এবং আমি আমার .babrcrc এ আমার প্লাগইনগুলি সঠিকভাবে অর্ডার করেছি তবে এটি এখনও অব্যাহত রয়েছে। আমার ওয়েবপ্যাক লোডারটিতে আমি পূর্বনির্ধারিত প্যারামিটারগুলি সরিয়ে এটি স্থির করে দিয়েছি।

প্রাক্তন ওয়েবপ্যাক কনফিগার:

module: {
  rules: [
    {
      test: /.jsx?$/,
      loader: 'babel-loader',
      include: path.join(__dirname, 'src'),
      exclude: /node_modules/,
      query: {
        presets: ['es2015', 'react']
      }
    }
  ]
}

ওয়ার্কিং ওয়েবপ্যাক কনফিগারেশন:

module: {
  rules: [
    {
      test: /.jsx?$/,
      loader: 'babel-loader',
      include: path.join(__dirname, 'src'),
      exclude: /node_modules/
    }
  ]
}

আমার এই ত্রুটি হয়েছিল কারণ আমি stage-0 পরিবর্তে stage-0 stage-3 ব্যবহার করছিলাম।


ঠিক আছে, পরিশেষে এটি আমার webpack.config.js পেয়েছি:

module: {
    loaders: [
      {
        test: /\.js?$/,
        exclude: /(node_modules|bower_components)/,
        loaders: [
          'react-hot',
          'babel?presets[]=react,presets[]=es2015,presets[]=stage-0'
        ]
      }
    ]
  }

'babel?presets[]=stage-0,presets[]=react,presets[]=es2015'

.babelrc এর মতোই চিকিত্সা করতে হবে, es2015 এর পরে হতে স্টেজ .babelrc পরিবর্তন করা হয়েছে এবং এটি পুরোপুরি সংকলন করে।


koa-react-view ব্যবহার করে আমি একই সমস্যার মুখোমুখি হয়েছি। এই উত্তরগুলি দ্বারা অনুপ্রাণিত হন এবং শেষ পর্যন্ত koa server.js নিম্নলিখিত কোডের সাথে এটি koa server.js :

const register = require('babel-register');

register({
    presets: ['es2015', 'react', 'stage-0'],
    extensions: ['.jsx']
});





ecmascript-next