राउटर v ^ 4.0.0 अनकैप्ड टाइपर्रर: अपरिभाषित की संपत्ति 'स्थान' नहीं पढ़ सकता है

Question 1

मुझे राउटर के साथ कुछ परेशानी हो रही है (मैं संस्करण ^ 4.0.0 का उपयोग कर रहा हूं)।

यह मेरा सूचकांक है। जेएस

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './index.css';
import { Router, Route, Link, browserHistory } from 'react-router';


ReactDOM.render(
  <Router history={browserHistory} >
    <Route path="/" component={App} />

  </Router>,
  document.getElementById('root')
);

App.js सिर्फ कुछ भी है। मैं यहाँ बुनियादी एक पोस्ट कर रहा हूँ, क्योंकि यह समस्या नहीं है (मुझे विश्वास है)

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <div className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h2>Welcome to React</h2>
        </div>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
      </div>
    );
  }
}

export default App;

और यह तब होता है जब मैं कंसोल लॉग की जांच करता हूं

Router.js:43 Uncaught TypeError: Cannot read property 'location' of undefined
    at new Router (Router.js:43)
    at ReactCompositeComponent.js:295
    at measureLifeCyclePerf (ReactCompositeComponent.js:75)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (ReactCompositeComponent.js:294)
    at ReactCompositeComponentWrapper._constructComponent (ReactCompositeComponent.js:280)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:188)
    at Object.mountComponent (ReactReconciler.js:46)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:371)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)

ओह, और यह पैकेज है। केवल मामले में

{
  "name": "teste2",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2",
    "react-router": "^4.0.0"
  },
  "devDependencies": {
    "react-scripts": "0.9.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

मैं इसे अन्य स्थानों पर जाँच रहा हूँ, लेकिन मुझे इसे हल करने का कोई तरीका नहीं मिला।

आपके धैर्य और मदद के लिए बहुत बहुत धन्यवाद दोस्तों !!

Question 2

आप कुछ गलत कर रहे हैं।

सबसे पहले, ब्राउज़रहिस्टर वी 4 में कोई चीज नहीं है, इसलिए आप इसे हटा सकते हैं।
दूसरा, आप सब कुछ आयात कर रहे हैं react-router, यह होना चाहिए react-router-dom।
तीसरा, react-router-domनिर्यात नहीं करता है Router, इसके बजाय, यह निर्यात करता है BrowserRouterताकि आपको ज़रूरत हो import { BrowserRouter as Router } from 'react-router-dom।

ऐसा लगता है कि आपने सिर्फ अपना V3 ऐप लिया है और उम्मीद है कि यह v4 के साथ काम करेगा, जो कि एक अच्छा विचार नहीं है।

Question 3

मैंने यहाँ सुझाई गई हर चीज़ की कोशिश की है लेकिन मेरे लिए काम नहीं किया। इसलिए अगर मैं किसी ऐसे ही मुद्दे पर किसी की मदद कर सकता हूं, तो मेरे द्वारा चेक किया गया हर एक ट्यूटोरियल संस्करण 4 के साथ काम करने के लिए अपडेट नहीं है।

यहाँ मैं इसे काम करने के लिए किया है

import React from 'react';
import App from './App';

import ReactDOM from 'react-dom';
import {
    HashRouter,
    Route
} from 'react-router-dom';


 ReactDOM.render((
        <HashRouter>
            <div>
                <Route path="/" render={()=><App items={temasArray}/>}/>
            </div>
        </HashRouter >
    ), document.getElementById('root'));

यही एकमात्र तरीका है कि मैंने इसे बिना किसी त्रुटि या चेतावनी के काम करने में कामयाब किया है।

मामले में आप मेरे लिए सबसे आसान तरीका यह है कि अपने घटक के लिए सहारा पास करना चाहते हैं:

 <Route path="/" render={()=><App items={temasArray}/>}/>

Question 4

बदलने के

import { Router, Route, Link, browserHistory } from 'react-router';

साथ में

import { BrowserRouter as Router, Route } from 'react-router-dom';

यह काम करना शुरू कर देगा। इसका कारण यह है कि प्रतिक्रिया-राउटर-डोम निर्यात करता है BrowserRouter