• 1397/10/10

Attempted import error :

سلام استاد

 

Attempted import error: 'react-lifecycles-compat' does not contain a default export (imported as 'reactLifecyclesCompat').

مشکل من کجا هست تو قسمت ۲۲ موقع ساخت پروژه وقتی Counter Import میکنم و بجا APP میزارم اینطوری میشه

 

import React, { Component } from 'react';
import { Button, Badge } from 'reactstrap';

class Counter extends Component
{
    render()
    {
        return (
            <div>
                <Badge color="info" className="m-2">Intelligent Quantum</Badge>
                <Button color="danger" className="btn-sm m-2">Delete</Button>
                <Button color="primary" className="btn-sm">Increase</Button>
            </div>
        );
    };
}

export default Counter;

 

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import Counter from './components/Counter';
import 'bootstrap/dist/css/bootstrap.min.css';

ReactDOM.render(<Counter />, document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: http://bit.ly/CRA-PWA
serviceWorker.unregister();

 

  • 1397/10/10
  • ساعت 23:54

سلام

مشکل از ReactStrap هست مثل اینکه بروزرسانی شده

فقط کافیه ورژنی که من در ویدئو نصب کردم رو نصب کنید به این صورت

npm i reactstrap@6.4.0

موفق باشید


logo-samandehi