2017-06-08 2 views
0

Im Versuch zu verwenden, reagieren-raphael-Karte über creat reagieren-App aber apear die das ProblemModul nicht gefunden: Kann nicht lösen reagieren-raphael-Karte

./src/App.js Module not found: Can't resolve 'react-raphael-map' in 'C:\workspace\maptestproject\src'

I create-react-app maptestproject lief;

Dann npm install --save raphael

Dann npm install --save react-raphael-map

Und wurde die App.js geändert:

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

class App extends Component { 
    render() { 
    var china= { 
     aomen: { 
      name: "澳门", 
      path: "M413.032...", 
      yy: 10 
     }, 
     hk:{ 
      name: "香港", 
      path: "M417.745...", 
      xx: 20 
     }, 
     taiwan: { 
      name: "台湾", 
      path: "M505.438..." 
     }, 
     guangdong: { 
      name: "广东", 
      path: "M391.37...", 
      yy: -10 
     }, 
     guangxi: { 
      name: "广西", 
      path: "M305.646..." 
     } 
    } 

    return (<Map data={china} width={480} height={560} />) 
    } 
} 

export default App; 

In seinem Beispiel die reagieren-raphael-Karte hat babel und webpack Dateien in seiner Struktur, übrigens create-react-app nicht. Ist es nötig?

Jemand wie zu lösen?

+0

Haben Sie 'npm reactive-raphael-map' installiert? Ich denke, Sie sollten mehr Details zu Ihrer Frage angeben. – ickyrr

+0

yeah 'npm installieren --save react-raphael-map' – ulima69

+0

Haben Sie den Befehl npm install in ./src ausgeführt? Wenn ja, sollte in ./node_modules/ reactive-raphael-map sein. Kannst du das verifizieren? – klvs

Antwort

0

Das Problem war in node_modules\react-raphael-map, auf package.json die Linie "main": "index.js" Linie zeigt auf index.js Datei aber es gibt keine. Die index.js ist innerhalb node_modules\react-raphael-map\lib.

Verwandte Themen