2016-04-26 5 views
0

Edit: Der Autor hat es gepatcht.React-Fetch erfordert react-addons, aber es gibt keine react/addons Ordner

Ich fange an react-fetch zu verwenden (na ja, versuchen zu), und bei dem Versuch, webpack zu laufen, habe ich diesen Fehler:

ERROR in ./~/react-fetch/build/react-fetch.js 
Module not found: Error: Cannot resolve 'file' or 'directory' E:\Users\Adrien\Documents\GitHub\brigad-admin-frontend/node_modules/react/addons in E:\Users\Adrien\Documents\GitHub\brigad-admin-frontend\node_modules\react-fetch\build 
@ ./~/react-fetch/build/react-fetch.js 17:19-42 

Aber, wie der Fehler sagt, ich habe keine react/addons Ordner (Ich benutze React 15.0.1).

Hat jemand dieses Problem schon einmal gehabt?

Vielen Dank im Voraus.

PS: Hier ist mein webpack.config.js:

const webpack = require('webpack'); 
const path = require('path'); 

const nodeDir = `${__dirname}/node_modules`; 

const config = { 
    resolve: { 
    alias: { 
     react: `${nodeDir}/react`, 
     'react-dom': `${nodeDir}/react-dom`, 
     'react-router': `${nodeDir}/react-router`, 
     'react-fetch': `${nodeDir}/react-fetch`, 
     'react-bootstrap': `${nodeDir}/react-bootstrap`, 
     velocity: `${nodeDir}/velocity-animate`, 
     moment: `${nodeDir}/moment`, 
     slimscroll: `${nodeDir}/slimscroll`, 
    }, 
    }, 
    entry: { 
    routes: [ 
     'webpack-dev-server/client?http://localhost:3000', 
     'webpack/hot/only-dev-server', 
     './public/src/routes/js/main', 
    ], 
    vendors: [ 
     'react', 'react-dom', 'react-router', 'react-fetch', 'react-bootstrap', 
     'velocity', 'moment', 'slimscroll', 
    ], 
    // chartVendors: ['raphael', 'morris'], 
    }, 
    output: { 
    path: path.join(__dirname, 'public/dist'), 
    // publicPath: path.join(__dirname, 'public/dist/'), 
    filename: 'bundles/[name].bundle.js', 
    chunkFilename: 'chunks/[name].chunk.js', 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     include: path.join(__dirname, 'public'), 
     loader: 'react-hot', 
     }, 
     { 
     test: /\.js$/, 
     include: path.resolve(__dirname, 'public'), 
     loader: 'babel', 
     }, 
     { 
     test: /\.css$/, 
     include: path.join(__dirname, 'public'), 
     loader: 'style!css-loader?modules&importLoaders=1' + 
     '&localIdentName=[name]__[local]___[hash:base64:5]', 
     }, 
    ], 
    }, 
    plugins: [ 
    new webpack.HotModuleReplacementPlugin(), 
    new webpack.optimize.CommonsChunkPlugin('vendors', './bundles/vendors.js', Infinity), 
    ], 
}; 

module.exports = config; 

Antwort

1

Reagieren API geändert hat. import React from 'react/addons' ist in der aktuellen Version nicht gültig. Ich kann sehen, der Autor verwendet React.addons.cloneWithProps von dort.

The documentation schlägt vor, stattdessen React.cloneElement zu verwenden.

Sie könnten den Code entsprechend anpassen und eine PR senden, um dies zu beheben.

+0

Ich werde es versuchen morgen früh, danke :) – Zephir77167

+0

Nun, stellt sich heraus, ich bin nicht genug experimentiert, um den Code zu optimieren, ich werde nur ein Problem zu öffnen. – Zephir77167

+0

Ich habe die Idee [hier] implementiert (https://gist.github.com/bebraw/77c8168e54a4ce3257f9). Vielleicht könnten Sie den Code darauf und PR anpassen. –