2
下記のようにエラーが発生しています。私はどこが間違っているのかわかりません。私を助けてください。 ウェブパックの設定を変更しました。また、反応ホットウェブパックローダーも更新しましたが、まだこれらのエラーが発生しています。モジュールが見つかりません：エラー：モジュール 'react-redux'を解決できません
ありがとうございます。
これはエラーです。
ERROR in ./~/redux-form/lib/reduxForm.js
Module not found: Error: Cannot resolve module 'react-redux' in /home/priyanka/Finalproject/node_modules/redux-form/lib
@ ./~/redux-form/lib/reduxForm.js 27:18-40
ERROR in ./~/redux-form/lib/values.js
Module not found: Error: Cannot resolve module 'react-redux' in /home/priyanka/Finalproject/node_modules/redux-form/lib
@ ./~/redux-form/lib/values.js 9:18-40
ERROR in ./~/redux-form/lib/ConnectedField.js
Module not found: Error: Cannot resolve module 'react-redux' in /home/priyanka/Finalproject/node_modules/redux-form/lib
@ ./~/redux-form/lib/ConnectedField.js 13:18-40
これは私のコード
import { createStore, combineReducers } from 'redux'
import { reducer as formReducer } from 'redux-form'
import React, { Component } from 'react';
import { reduxForm } from 'redux-form';
const reducers = {
// ... your other reducers here ...
form: formReducer // <---- Mounted at 'form'
}
const reducer = combineReducers(reducers)
const store = createStore(reducer)
class ContactForm extends Component {
render() {
const { handleSubmit } = this.props;
return (
<form onSubmit={handleSubmit}>
<div>
<label>First Name</label>
<Field name="firstName" component={React.DOM.input} type="text"/>
</div>
<div>
<label>Last Name</label>
<Field name="lastName" component={React.DOM.input} type="text"/>
</div>
<div>
<label>Email</label>
<Field name="email" component={React.DOM.input} type="email"/>
</div>
<button type="submit">Submit</button>
</form>
);
}
}
// Decorate the form component
ContactForm = reduxForm({
form: 'contact' // a unique name for this form
})(ContactForm);
export default ContactForm;
を反応させ、これは私はあなたが '反応-Reduxのを' パッケージをインストールしていないと思います
module.exports = {
entry: './src/index.js',
output: {
path: __dirname + '/public',
filename: 'bundle.js'
},
module: {
loaders: [
{
test: /\.json$/,
loader: 'json-loader'
},
{ test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192' },
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /(node_modules|lib\/ckeditor)/
},
{
test: /\.s?css$/,
loaders: ['style-loader','css-loader','sass-loader']
}
]
},
resolve: {
alias: { 'react/lib/ReactMount': 'react-dom/lib/ReactMount' }
}
};
を解決する必要がありますどのようにあなたのpackage.jsonが見えますか？あなたは 'react-redux'依存関係を追加しましたか？ – nagyf
ええと、私はちょうどredux..nowをインストールしました。私はreact-redux..thankをインストールしました。しかし、違いは何ですか？ –
react-reduxでは、プロバイダーコンポーネントと接続コンポーネントにアクセスするだけでなく、プロキシやアクションクリエイターへの還元状態をディスパッチする機能も提供します。これらのコンポーネントは、一部のReactコンポーネントをReduxストアに接続できることを意味します。これらは反応の要素であるため、著者はreduxライブラリではなく自分のライブラリに入れるべきであると決めました。 – therewillbecode