ত্রুটিটি প্রদান করে রিঅ্যাক্টজগুলি আনকচড টাইপ এরির: সুপার এক্সপ্রেশনটি নাল বা কোনও ফাংশন হতে হবে, অপরিবর্তিত নয়

Question

আমি রিএ্যাকটিজ ব্যবহার করছি।

যখন আমি ব্রাউজারের নীচের কোডটি চালিত করি তখন বলে:

আনকড টাইপ এরির: সুপার এক্সপ্রেশনটি নাল বা কোনও ফাংশন হতে হবে, অপরিজ্ঞাত নয়

ভুল কী তা সম্পর্কে কোনও ইঙ্গিত প্রশংসিত হবে।

কোডটি সংকলনের জন্য ব্যবহৃত প্রথম লাইন:

browserify -t reactify -t babelify examples/temp.jsx  -o examples/public/app.js

এবং কোড:

var React = require('react');

class HelloMessage extends React.Component {
  render() {
    return <div>Hello </div>;
  }
}

আপডেট: এই সমস্যায় তিন দিন নরকযজ্ঞে জ্বলানোর পরে আমি দেখতে পেলাম যে আমি প্রতিক্রিয়ার সর্বশেষতম সংস্করণটি ব্যবহার করছি না।

বিশ্বব্যাপী ইনস্টল করুন:

sudo npm install -g react@0.13.2

স্থানীয়ভাবে ইনস্টল করুন:

npm install react@0.13.2

ব্রাউজারটিও সঠিক সংস্করণটি ব্যবহার করছে তা নিশ্চিত করুন:

<script type="text/javascript" src="react-0.13.2.js"></script>

আশা করি এটি অন্য কাউকে তিন দিনের মূল্যবান জীবন বাঁচায়।

Comments

0.14.8 হিসাবে, আপনি এখনও extends React.component(ছোট হাতের c) মতো কিছু করলে আপনি এটি পেতে পারেন ।

— কেভিন সটল

@ কেভিন কেবল পুনঃব্যবস্থা করতে চান, মূলত যদি আপনার কোথাও টাইপো থাকে তবে আমার ক্ষেত্রে এটি এর Componentsপরিবর্তে ছিল Component :)। আপনার মন্তব্যটি বিটিডব্লিউ

— পি-আরএডকে

আমার সমস্যা ছিল আমি ফাইলের শেষে ক্লাসটি রফতানি করছিলাম না ...

— R01010010

আমি প্রতিক্রিয়া করেছি C উপাদানগুলি (বহুবচন), ডানটি হ'ল রিঅ্যাক্ট.কম্পোনেন্ট (একবচন) নিজের ভাল ... আমি কীভাবে মিস করলাম ...

— ইসমাইল

@ কেভিন সাটল আপনি মন্তব্য করেছেন উত্তরের চেয়ে আসলে বেশি কার্যকর

— মিক জোনস

Answer 1

শ্রেণীর নাম

প্রথমত, আপনি যদি নিশ্চিত হন যে আপনি সঠিকভাবে নামকরণ করা শ্রেণি থেকে প্রসারিত করছেন, যেমন React.Comp घटक , React.comp घटक বা React.createComp घटक নয়, আপনাকে আপনার প্রতিক্রিয়া সংস্করণটি আপগ্রেড করতে হবে। ক্লাসগুলি থেকে আরও বাড়ানোর জন্য আরও তথ্যের জন্য নীচের উত্তরগুলি দেখুন।

আপগ্রেড প্রতিক্রিয়া

প্রতিক্রিয়া 0.13.0 সংস্করণ থেকে কেবলমাত্র ES6- শৈলীর ক্লাসগুলিকে সমর্থন করেছে (সমর্থন সহায়তার জন্য তাদের অফিসিয়াল ব্লগ পোস্টটি এখানে দেখুন ।

তার আগে, ব্যবহার করার সময়:

class HelloMessage extends React.Component

আপনি ES6 কীওয়ার্ডগুলি ব্যবহার করার চেষ্টা করছেন ( extends) ES6 ব্যবহার করে সংজ্ঞায়িত হয়নি এমন একটি শ্রেণী থেকে সাবক্লাসে class। আপনি সম্ভবত superসংজ্ঞা ইত্যাদির সাথে অদ্ভুত আচরণে চলে যাচ্ছেন সম্ভবত এটিই ছিল was

সুতরাং, হ্যাঁ, টিএল; ডিআর - v0.13.x এ প্রতিক্রিয়া আপডেট করুন।

বিজ্ঞপ্তি নির্ভরতা

আপনার যদি বিজ্ঞপ্তি আমদানি কাঠামো থাকে তবে এটিও ঘটতে পারে। একটি মডিউল অন্য এবং অন্যদিকে আমদানি করে। এক্ষেত্রে আপনার কোডটি এড়ানোর জন্য আপনার কেবলমাত্র রিফেক্টর প্রয়োজন। অধিক তথ্য

Comments

এই সমস্যাটি রয়েছে এমন প্রত্যেকের জন্য তবে প্রতিক্রিয়াটি আপডেট করা ঠিক নয় - অন্যান্য উত্তরে আরও নিচে স্ক্রোল করুন এটি সাধারণ টাইপও হতে পারে। আমার ক্ষেত্রে এটি React.componentপরিবর্তে ব্যবহার করে একটি শ্রেণি-সংজ্ঞা ছিলReact.Component

— খ্রিস্টান বেনেক

এফওয়াইআই, ওল্ড ওয়ে ক্লাসটিও বাড়ানো যেতে পারে extends। এটি চেষ্টা করুন var x = function(){}; class y extends x {}

— মৌনিয়ার

এটি আমার জন্য একটি বিজ্ঞপ্তি আমদানি কাঠামো ছিল। আমাকে ডিবাগিংয়ের অনেক ঘন্টা বাঁচানোর জন্য ধন্যবাদ!

— মাতালদেবকেক

শুধু এফওয়াইআই। রিঅ্যাক্টজেএস 16.x এ থাকা সত্ত্বেও আমি সম্প্রতি একই ত্রুটি পেয়েছি দেখা যাচ্ছে আমার এই লাইনে একটি টাইপো রয়েছে: class App extends React.Component () {...}- যা সংশোধন করা উচিত class App extends React.Component {...} ( ()শেষে না দিয়ে)

— Atlas7

মূলধন 'সি' অংশ! # পৃষ্ঠপালক

— ডেভিড

Answer 2

এর অর্থ আপনি উপশ্রেণী কিছু, যা হওয়া উচিত চান Class, কিন্তু undefined। কারণগুলি হতে পারে:

• টাইপ করুন Class extends ..., যাতে আপনি অপরিবর্তিত ভেরিয়েবল প্রসারিত করেন
• টাইপ ইন import ... from, আপনি undefinedমডিউল থেকে আমদানি
• রেফারেন্সযুক্ত মডিউলটিতে মান থাকে না, আপনি আমদানি করতে চান (যেমন অপ্রচলিত মডিউল - প্রতিক্রিয়াযুক্ত ক্ষেত্রে), সুতরাং আপনি অস্তিত্বযুক্ত মান আমদানি করুন ( undefined)
• রেফারেন্সযুক্ত মডিউল export ...বিবৃতিতে টাইপ করুন , সুতরাং এটি অপরিবর্তিত পরিবর্তনশীল রফতানি করে
• রেফারেন্সযুক্ত মডিউলটি মোটেই অনুপস্থিত exportবিবরণ, সুতরাং এটি কেবল রফতানি করেundefined

Comments

আমার ক্ষেত্রে এটি প্রতিক্রিয়াতে কম্পোনেন্টের একটি ছোট হাতের অক্ষর ছিল omp

— পরিসংখ্যানগুলি শিখুন উদাহরণস্বরূপ

আমার ক্ষেত্রে এটি একটি স্ব লিখিত শ্রেণি ছিল যা সঠিকভাবে আমদানি করা হয় নি। আমি এর import {Foo} from 'bar'পরিবর্তে ডিফল্ট রফতানি ক্লাস আমদানি করছিলাম import Foo from 'bar'। উত্সাহিত তাই।

— xtra

class Thing extends React.Component() {()

— এটিও

আমার ক্ষেত্রে এই ত্রুটিটি আমার উপাদানগুলির রেন্ডার ফাংশনগুলিতে দুর্ঘটনাক্রমে আমি যেটি আমদানি করছিলাম (ক্লাসটি আমি সাবক্লাসে প্রসারিত করতে চেয়েছিলাম) তার দ্বারা বিজ্ঞপ্তি রেফারেন্স তৈরি করে caused যখন আমি সাবক্লাসটি কার্যকর করতে / রেন্ডার করার চেষ্টা করেছি তখন থেকে সুপারক্লাসটি তৈরি হয়নি তবে এটি অপরিবর্তিত ছিল।

— লিওন

Me আমার জন্যও একটি বিজ্ঞপ্তি রেফারেন্সের কারণে।

— কাইলেন

Answer 3

এটি একটি টাইপোর ত্রুটির কারণেও ঘটতে পারে, তাই Componentমূলধন সি এর পরিবর্তে আপনার কাছে componentকম সি থাকে, উদাহরণস্বরূপ:

React.component //wrong.
React.Component //correct.

দ্রষ্টব্য: এই ত্রুটির উত্স হতে পারে কারণ সেখানে রয়েছে Reactএবং আমরা মনে করি যে পরবর্তী যা ঘটে তা হ'ল ছোট হাতের অক্ষর দিয়ে শুরু হওয়া একটি প্রতিক্রিয়া পদ্ধতি বা সম্পত্তি হওয়া উচিত, তবে বাস্তবে এটি অন্য শ্রেণি ( Component) যা একটি মূলধন মামলার চিঠি দিয়ে শুরু করা উচিত ।

Comments

হুঁ, আশ্চর্যজনকভাবে এই ত্রুটিটি ওয়েবপ্যাক তৈরির ধাপের সময় ধরা পড়েনি, তবে এটি রান সময়ে প্রদর্শিত হবে।

— worc

Answer 4

আমার ক্ষেত্রে, প্রতিক্রিয়া-দেশীয় সঙ্গে, ত্রুটিটি আমার ছিল

import React, {
  AppRegistry,
  Component,
  Text,
  View,
  TouchableHighlight
} from 'react-native';

পরিবর্তে

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Image,
  AsyncStorage
} from 'react-native';

Comments

এটা আমার ক্ষেত্রে কাজ! প্রতিক্রিয়া-নেটিভ সাইটে সরবরাহ করা ডকুমেন্টেশনের এই

— বগির

ধন্যবাদ, কম্পোনেন্টটি 'প্রতিক্রিয়া' থেকে আমদানি করা উচিত

— xyz

Answer 5

জেএসএক্স ক্লাসের জন্য রফতানি বিবৃতি অনুপস্থিত অবস্থায় আমি এটি অনুভব করেছি experienced

উদাহরণ স্বরূপ:

class MyComponent extends React.Component {
}
export default MyComponent // <- add me

Answer 6

আপনি যদি নিজের শ্রেণীর সংজ্ঞাতে React.Componentভুল করে চালানোর চেষ্টা করছেন তবে আপনি এটিও পেতে পারেন receive()

export default class MyComponent extends React.Component() {}
                                                        ^^ REMOVE

আমি যখন স্টেটলেস ফাংশনাল উপাদান থেকে একটি শ্রেণিতে রূপান্তর করি তখন আমি কখনই পরিচালনা করি।

Comments

এটি আমার জন্য সমস্যা ছিল। খুব নির্বোধ. অনেক ধন্যবাদ!

— বর্ধিত

Answer 7

আপনার যখন একটি বিজ্ঞপ্তি নির্ভরতা থাকে তখন আমি এই ত্রুটিটি দেখেছি।

class A extends B {}
class B extends C {}
class C extends A {}

Answer 8

অন্য যে কোনও ব্যক্তির জন্য, এটি এই সমস্যাটি বিকাশ করতে পারে। আপনি যে componentপদ্ধতিটি React.Componentমূলধন করেছেন তাও পরীক্ষা করতে পারেন । আমার একই সমস্যা ছিল এবং এর কারণ কী তা আমি লিখেছিলাম:

class Main extends React.component {
  //class definition
}

আমি এটা পরিবর্তন

class Main extends React.Component {
  //class definition
}

এবং সবকিছু ভাল কাজ করে

Answer 9

আমি যখন আমদানিতে টাইপো করেছিলাম তখন এটি পেয়েছিলাম:

import {Comonent} from 'react';

Comments

আমি এটিও পেয়েছি React.Comp घटक (কোনও গুলি) এর পরিবর্তে এক্সটেন্ডেড React.Comp घटकগুলির সাথে (

— পিয়েরে মাউই

আমি এটিও পেয়েছি তবে একটি উপাদানটির ছোট ছোট প্রথম অক্ষর টাইপ করার জন্য - ... React.componal s s

— আইভান

Answer 10

আপনি যে শ্রেণীরগুলি প্রসারিত করেছেন সেগুলি পরীক্ষা করুন যা আসলেই বিদ্যমান, কয়েকটি প্রতিক্রিয়া পদ্ধতি অবমূল্যায়ন করা হয়, এটি 'React.Components'পরিবর্তে টাইপোর ত্রুটিও হতে পারে'React.Component'

শুভকামনা !!

Comments

আমার ক্ষেত্রে আমি React.componentপরিবর্তে ব্যবহার করছিলাম React.Component(

— মূলধারা

Answer 11

আমি আরেকটি সম্ভাব্য সমাধান অবদান রাখতে যাচ্ছি, এটি আমার জন্য কাজ করেছিল। আমি সমস্ত ফাইলকে একটি ফাইলে সংগ্রহ করার জন্য সুবিধার্থ সূচকটি ব্যবহার করছিলাম।

আমি এটি লেখার সময় বিশ্বাস করি না যে এটি সরকারীভাবে বাবেল দ্বারা সমর্থিত, এবং টাইপস্ক্রিপ্টকে একটি স্পিনে ফেলে দেয় - তবে আমি এটি অনেক প্রকল্পে ব্যবহার করে দেখেছি এবং অবশ্যই এটি সুবিধাজনক।

যাইহোক, উত্তরাধিকারের সাথে সংমিশ্রণে ব্যবহার করার সময় মনে হয় উপরের প্রশ্নটিতে উপস্থাপিত ত্রুটিটি ফেলে দেওয়া হবে।

একটি সহজ সমাধান হ'ল মডিউলগুলির জন্য যা পিতামাতার ভূমিকা পালন করে কোনও সুবিধার্থে সূচক ফাইলের পরিবর্তে সরাসরি আমদানি করা দরকার।

./src/components/index.js

export Com1 from './com-1/Com1';
export Com2 from './com-2/Com2';
export Com3 from './com-3/Com3';
export Parent1 from './parent/Parent1';

./src/components/com-1/Com1.js

import { Com2, Com3 } from '../index';

// This works fine
class Com1 {        
    render() {
        return (
            <div>
                <Com2 {...things} />
                <Com3 {...things} />
            </div>
        );
    }
}

./src/components/com-3/Com3.js

import { Parent } from '../index';

// This does _not_ work
class Com3 extends Parent {        
}

./src/components/com-3/Com3.js

import Parent from '../parent/Parent';

// This does work
class Com3 extends Parent {        
}

Comments

আমি কী ভুল করেছি তা বুঝতে এটি আমাকে সাহায্য করেছিল helped দুর্ঘটনাক্রমে আমার আমদানির বিবৃতিতে উপাদানটির নামটি {in এ মোড়ানো। সূক্ষ্ম পার্থক্য। ভুলটি চিহ্নিত করা শক্ত হতে পারে।

— ডেনিস ডাব্লু

Answer 12

এটি আমার পক্ষে কাজ করেছে:

import React, {Component} from 'react';

Answer 13

ওয়েবপ্যাক 4 টি খণ্ড এবং হ্যাশগুলি টেরারপ্লাগিন দ্বারা একীকরণের সাথে

এটি ঘটতে পারে যখন ওয়েবপ্যাকটি টের্সারপ্লাগিনের (বর্তমানে 1.2.3 সংস্করণে) মাধ্যমে সংক্ষিপ্তকরণ এবং অদৃশ্যকরণের সাথে খণ্ডগুলি এবং হ্যাশগুলি ব্যবহার করে। আমার ক্ষেত্রে ত্রুটিটি আমার vendors.[contenthash].jsবান্ডিলের টার্সার প্লাগইন দ্বারা কৃপণকরণে সংকুচিত করা হয়েছিল যা আমার ধারণ করেnode_modules । হ্যাশ ব্যবহার না করার সময় সবকিছুই কাজ করেছিল।

সমাধানটি উগলিফিকেশন বিকল্পগুলিতে বান্ডিলটি বাদ দেওয়ার ছিল:

optimization: {
  minimizer: [
    new TerserPlugin({
      chunkFilter: (chunk) => {
        // Exclude uglification for the `vendors` chunk
        if (chunk.name === 'vendors') {
          return false;
        }
        return true;
      },
    }),
  ],
}

অধিক তথ্য

Comments

এটি প্রকৃতপক্ষে আমার জন্য সমস্যার সমাধান করেছে, তবে আমি অপরাধীকে পিন করতে সক্ষম হয়েছি এবং শেষ পর্যন্ত আমি উগ্রকরণটি প্রয়োগ করতে সক্ষম হয়েছি। আমার উত্তর দেখুন - প্রতিক্রিয়া-ঝলকানি।

— এরেজ কোহেন

আমি টায়ার্স প্লাগইনকে সংকুচিত করেছিলাম, শেষ পর্যন্ত রেকর্ড-স্ক্রিপ্টটি সংস্করণ ৩.২.০ এ পরিবর্তন করা আমার জন্য সমস্যাটি স্থির করেছে।

— 15

Answer 14

আমার একই সমস্যা আছে, কেবল বদলে Navigatorযাও{Navigator}

import Navigator from 'react-native-deprecated-custom-components'
// to
import {Navigator} from 'react-native-deprecated-custom-components'

Comments

মূলত এটি এর মতো মেলে: export Foo ... import { Foo } - বা export default Foo ... import Foo

— dpren

Answer 15

এই উত্তরের জন্য সঠিক নয় তবে অন্যদের জন্য একই ত্রুটিযুক্ত আমার হাস্যকর বোকা ভুলটি সম্ভবত সহায়তা করতে পারে।

মূর্খতার সাথে, আমার ইস্যুটি ক্লাসের নাম অনুসরণ করে () অন্তর্ভুক্ত করে ফাংশন স্বরলিপি ব্যবহার করছিল ।

আপনার বাক্য গঠন সঠিক কিনা তা নিশ্চিত করুন। এবং আপনি সঠিক নাম এবং পাথ সহ যে কোনও বাহ্যিক উপাদান / মডিউল আমদানি ও রফতানি করেছেন।

যদি আপনার প্রতিক্রিয়াটির নতুন সংস্করণ ইনস্টল করা থাকে তবে এই টেমপ্লেটটি ঠিকঠাক কাজ করা উচিত:

import React, { Component } from 'react'

class ExampleClass extends Component {

    render(){
        return(
            <div>

            </div>
        )
    }
}

export default ExampleClass 

Answer 16

আমার অবস্থা

• তৈরি করুন-প্রতিক্রিয়া-অ্যাপ
• প্রতিক্রিয়ার স্ক্রিপ্টগুলি v3.2
• ফ্রেওলা সমৃদ্ধ পাঠ্য সম্পাদক v3.1
• উন্নয়ন মোড ঠিকঠাক কাজ করেছে
• প্রশ্নটিতে উল্লিখিত ত্রুটির সাথে উত্পাদন বিল্ডটি ভেঙে দেওয়া হয়েছিল

আমার সমস্যার সমাধান

V3.0 এ ডাউনগ্রেড ফ্রোলা।

V3.1 এ থাকা কিছু আমাদের তৈরি প্রতিক্রিয়া অ্যাপ তৈরির প্রক্রিয়াটি ভেঙে দিয়েছে।

আপডেট: প্রতিক্রিয়া স্ক্রিপ্ট v3.3 ব্যবহার করুন

আমরা আবিষ্কার করেছি যে প্রতিক্রিয়ার স্ক্রিপ্ট ৩.২ এবং ফ্রেওলা ৩.১ এর মধ্যে একটি সমস্যা ছিল।

প্রতিক্রিয়ার স্ক্রিপ্টগুলিতে আপডেট করা v3.3 আমাদের ফ্রোলা ৩.১ এ আপগ্রেড করতে দেয়।

Comments

আমি তোমায় ভালোবাসি. আমি আপনাকে খুঁজতে এবং আপনার পায়ে চুম্বন করতে চাই !!!!!!!!!!!!!!!!!!!!!!!!! (দুঃস্বপ্ন অল-রাতের ওভার)

— গ্যাডমাস্টার

আমি তৈরি প্রতিক্রিয়া অ্যাপ্লিকেশন ব্যবহার করছি না, তবে ফ্রোয়ালা ৩.১ সহ প্রোডে একই সমস্যার মুখোমুখি। আপনি এখানে কি সমস্যা ছিল ব্যাখ্যা করতে পারেন?

— করণ জারিওয়ালা

Answer 17

আমি লিখেছি

React.component

এর পরিবর্তে React.Component এটি ছিল আমার সমস্যা)) এবং এটি আধ ঘন্টা ধরে সন্ধান করছে।

Answer 18

আমার ক্ষেত্রে আমি ব্যবহার করছিলাম:

class Root extends React.Component() {
// THIS IS WORNG
// After React.Component () <- WRONG!!
}

যা ভুল ছিল তবে সঠিক:

class Root extends React.Component {
// THIS IS CORRECT
// That -> '()' after React.Component was typo
}

এছাড়াও নিশ্চিত আছে তা নিশ্চিত করুন
√ React.Component
না
ˣ React.componentবাReact.Components

Comments

এসও আপনাকে স্বাগতম। এটি স্পষ্ট বলে মনে হয় যে ওপি এই ভুলটি করেনি কারণ তারা ইতিমধ্যে প্রশ্নের মধ্যে সঠিক ফর্মটি অন্তর্ভুক্ত করেছে। আপনি কি ওপি হিসাবে একই ত্রুটি পেয়েছিলেন তবে অন্য কোনও কারণে?

— এডুয়ার্ডো 21

হ্যাঁ আমি ওপি হিসাবে একই ত্রুটি পেয়েছিলাম তবে আমি দেখতে পেয়েছি যে কারণটি অন্যরকম ছিল এবং আশা করি এটি অন্যকে সহায়তা করবে।

— কুশ গৌতম 21

Answer 19

এটির কারণে কোনও তৃতীয় পক্ষের প্যাকেজ থাকতে পারে। আমাদের ক্ষেত্রে এটি প্রতিক্রিয়াশীল-ঝলকানি ছিল । আমাদের কাছে @ স্টেটিনের মতোই সেটিংস রয়েছে ( উপরে এই উত্তরটি দেখুন) )।

সমস্যাযুক্ত প্যাকেজটি সন্ধান করার জন্য আমি স্থানীয়ভাবে প্রোডাকশন মোডের সাহায্যে ওয়েবপ্যাক বিল্ড চালিয়েছি এবং এইভাবে স্ট্যাক ট্রেসের মধ্যে সমস্যাযুক্ত প্যাকেজটি সন্ধান করতে সক্ষম হয়েছি। সুতরাং আমাদের জন্য এই সমাধান দেওয়া হয় না এবং আমি uglification রাখতে সক্ষম ছিলেন।

Answer 20

ব্যাবেল ব্যবহার করে (5.8) আমি যদি export defaultঅন্য কারও সাথে মিল রেখে অভিব্যক্তিটি ব্যবহার করার চেষ্টা করি তবে আমি একই ত্রুটি পেয়েছি export:

export const foo = "foo"
export const bar = "bar"
export default function baz() {}

Answer 21

এখানে একটি উত্তর:

import React, { Component } from 'react'; // NOT 'react-dom'

Comments

হুবহু আমার টাইপো

— ইভানড্রো পোমাটি

Answer 22

আমার ক্ষেত্রে, আমি পরিবর্তনের ফলে এই ত্রুটি সংশোধন করা export default class yourComponent extends React.Component() {}থেকে export default class yourComponent extends React.Component {}। হ্যাঁ বন্ধনী মুছে ফেলুন ()ত্রুটিটি স্থির করে।

Answer 23

আমি এই উপাদানটি আমদানি করার সময় এই ত্রুটিটি অনুভব করেছি:

import React, { Components } from 'react';

পরিবর্তে

import React, { Component } from 'react';

Answer 24

দেখুন আপনার আমদানিতে বা আপনার শ্রেণি প্রজন্মের মধ্যে টাইপ ত্রুটি থাকলে তা কেবল এমন হতে পারে।

Answer 25

আপনি যদি প্রতিক্রিয়াটির সর্বশেষতম সংস্করণ ব্যবহার করেন (এখন পর্যন্ত 16.8.6 ) import React from 'react-domতে পরিবর্তন করুন import React, {Component} from 'react'
এবং এতে পরিবর্তন করুন ।class Classname extends React.Componentclass Classname extends Component

Answer 26

আপনি যদি এই ত্রুটিটি পেয়ে থাকেন এবং ব্রাউজারফাই এবং ব্রাউজারিফাই -শিম ব্যবহার করছেন (যেমন কোনও গ্রান্ট টাস্কের মতো) তবে আপনি হয়ত নির্বোধ মুহুর্তের মতো অভিজ্ঞতা অর্জন করতে পারেন যেখানে আপনি অনিচ্ছাকৃতভাবে বলেছিলেনbrowserify-shim প্রতিক্রিয়াটিকে বিশ্বব্যাপী নেমস্পেসের অংশ হিসাবে বিবেচনা করার জন্য (উদাহরণস্বরূপ, একটি সিডিএন থেকে লোড)।

যদি আপনি ব্রাউজারফাইটি রূপান্তরটির অংশ হিসাবে প্রতিক্রিয়া অন্তর্ভুক্ত করতে চান এবং পৃথক ফাইল "react": "global:React"না চান তবে নিশ্চিত হয়ে নিন যে "browserify-shim"আপনার packages.jsonফাইলের বিভাগে লাইনটি উপস্থিত না হয়েছে ।

Comments

Uncaught Error: Cannot find module 'react'ব্রাউজারিফাই-শিম কনফিগারেশন সরানোর পরে আপনি কীভাবে এড়াতে পারবেন ? মূলত আমি একটি বহিরাগত নির্ভরতা হিসাবে প্রতিক্রিয়া রাখতে চাই তবে ব্রাউজ করুন যা কীভাবে বান্ডিলটি তৈরি করবেন এবং প্রতিক্রিয়াটিকে বহিরাগত রাখবেন তা বোঝা যাচ্ছে না। এটি হতে পারে বা নাও হতে পারে কারণ আমি আমার ব্রাউজারিফাই এন্ট্রি পয়েন্টটিতে যে মডিউলটি অন্তর্ভুক্ত করছি তা নির্ভরতা হিসাবে প্রতিক্রিয়া প্রকাশ করেছে।

— dmarr

এফডাব্লুআইডাব্লু, ব্রাউজারিফাই-শিম কনফিগারেশন থেকে প্রতিক্রিয়া সরিয়ে এবং ব্রাউজারফাইটি নির্ভরতার সাথে সাধারণভাবে মিলনের সুযোগ দেয় এখনও ওপির ইস্যুতে ফলাফল হয়।

— dmarr

Answer 27

আপনি যদি নিজের কোডের requireপরিবর্তে ব্যবহার করে থাকেন তবে এটিও ঘটতে পারে import।

Answer 28

আমি যখন এটি ব্যবহার করেছি তখন আমার কাছেও ঘটেছিল:

class App extends React.Component(){

}

ডানটির পরিবর্তে:

class App extends React.Component{

}

বিজ্ঞপ্তি: - () প্রথমটিতে যা এই সমস্যার মূল কারণ

Answer 29

যারা ব্যবহার করছেন তাদের জন্য react-native:

import React, {
  Component,
  StyleSheet,
} from 'react-native';

এই ত্রুটি উত্পাদন করতে পারে।

যেখানে reactসরাসরি উল্লেখ করা আরও স্থিতিশীল উপায়:

import React, { Component } from 'react';
import { StyleSheet } from 'react-native';

Answer 30

আমার ক্ষেত্রে এটি ছিল প্রতিক্রিয়া Re উপাদানটি এই ত্রুটিটির জন্য সমাধান করে Re