Fehler beim Versuch, formsy-react zu importieren. Kann nicht Eigentum ‚Reagieren‘ undefinierten

Question

Hinweis lesen: Ich habe eine Git-Repo so ein https://github.com/giovannicode/formsy-import-test

das Problem replizieren kann ich das verwenden versuchen formsy reagiert Bibliothek nach einem js Projekt reagieren.

Aber ich habe Probleme beim Importieren der Datei. Ich bin neu in Webpack und ES6, also bin ich mir nicht sicher, ob ich etwas Wichtiges vermisse. Hier ist meine .babelrc Datei:

{ 
"presets": [ 
"es2015", "react" 
] 
} 

Hier ist meine webpack.config.js Datei:

var path = require("path"); 

module.exports = { 
    resolve: { 
    extensions: ['', '.js', '.jsx'], 
    }, 
    //externals: 'react', 
    entry: { 
    'app': './app.jsx', 
    }, 
    output: { 
    path: __dirname, 
    filename: "[name].js" 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx$/, 
     include: __dirname, 
     loader: "babel-loader" 
     }, 
    ] 
    } 
} 

Und hier ist meine app.jsx Datei:

import React from 'react'; 
import ReactDOM from 'react-dom'; 

import {Formsy} from 'formsy-react'; 

var CommentBox = React.createClass({ 
    render: function() { 
    return (
     <div className="commentBox"> 
     Hello, world! I am a CommentBox. 
     </div> 
    ); 
    } 
}); 

ReactDOM.render(
    <CommentBox />, 
    document.getElementById('react-content') 
); 

Wenn ich Kommentieren Sie den formsy-react-Import, die App wird gut funktionieren. Aber wenn ich den Import hinzufügen, erhalte ich die Folgefehler im Browser:

Uncaught TypeError: Cannot read property 'React' of undefined 

Die App ohne Fehler durch webpack kompilieren aber so im nicht sicher, was los ist.

Hinweis: Ich habe ein Git-Repo so man das Problem https://github.com/giovannicode/formsy-import-test

Answer 1

Sie versuchen, replizieren können Abhängigkeiten auf zwei Arten zu importieren,

Modul Import von ES6 und

import Formsy from 'forms-react'

und Laden des Moduls mit erfordert

var React = require('react');

Code beobachten möchten Sie wahrscheinlich ES6 Syntax

import React from 'react' 
import Formsy from 'forms-react'