TypeError: Невозможно прочитать свойство 'upgradeElements' из неопределенного, и проблема 2 заключается в TypeError: Невозможно прочитать свойство 'downgradeElements' из неопределенного - PullRequest
0 голосов
/ 22 сентября 2018

Я успешно интегрировал реагировать в экспресс-проект, но когда я вызываю библиотеку «реагировать-mdl», она показывает 2 ошибки

TypeError: Cannot read property 'upgradeElements' of undefined

TypeError: Cannot read property 'downgradeElements' of undefined

В моем файле app.js я делаю:

    import React, { Component } from 'react';
import './App.css';
import { Layout, Header, Navigation, Content } from 'react-mdl';
import Main from './components/main';
class App extends Component {
  render() {
    return (
      <div className="demo-big-content">
          <Layout>
              <Header>
                    <div className="container">
                        <div className="logo"><a href="/"><img src="https://s3.amazonaws.com/truebase/static/truebase_logo.png" /></a></div>
                        <Navigation>
                            <a href="/">About</a>
                            <a href="https://www.trueprotocol.com">Protocol</a>
                        </Navigation>
                        <div className="login_buttons">
                            <Navigation>
                                <a href="/login">Login</a>
                                <a href="/signup" className="signs">Sign Up</a>
                            </Navigation>
                        </div>
                        <div className="right_search">
                            <form><i className="fa fa-search"></i>
                            <input type="text" className="key_input" placeholder="Search for Companies or People" />
                                <div className="sarch_rslt">
                                    <ul>
                                        <li>
                                            <img src="https://images.pexels.com/photos/326055/pexels-photo-326055.jpeg?auto=compress&cs=tinysrgb&h=350" />
                                            <h5>Pretend Co</h5>
                                            <p>San Francisco, Ca, USA</p>
                                        </li>
                                        <li>
                                            <img src="https://images.pexels.com/photos/326055/pexels-photo-326055.jpeg?auto=compress&cs=tinysrgb&h=350" />
                                            <h5>Pretend Co</h5>
                                            <p>San Francisco, Ca, USA</p>
                                        </li>
                                        <li>
                                            <img src="https://images.pexels.com/photos/326055/pexels-photo-326055.jpeg?auto=compress&cs=tinysrgb&h=350" />
                                            <h5>Pretend Co</h5>
                                            <p>San Francisco, Ca, USA</p>
                                        </li>
                                        <li>
                                            <img src="https://images.pexels.com/photos/326055/pexels-photo-326055.jpeg?auto=compress&cs=tinysrgb&h=350" />
                                            <h5>Pretend Co</h5>
                                            <p>San Francisco, Ca, USA</p>
                                        </li>
                                    </ul>
                                </div>
                            </form>
                        </div>
                    </div>

              </Header>
          </Layout>
      </div>
    );
  }
}

Я использую макет, заголовок, навигацию и контент из библиотеки response-mdl.для более ясного понимания проблемы, когда я комментирую библиотеку реагировать-mdl и прекращаю использовать ее компоненты, ошибка исчезла.

1 Ответ

0 голосов
/ 22 сентября 2018

Можете ли вы описать эту проблему подробно? Эта проблема может быть вызвана многими причинами. Кроме того, теперь в библиотеке activ-mdl устарела, вместо этого вы можете попробовать компоненты Material Design.

...