質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

1回答

1507閲覧

serverelss で Reactを使いたい!!

ShouYama

総合スコア36

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2016/12/18 04:48

###前提・実現したいこと
serverlessを使ってReactを使いたくて
http://qiita.com/Eiryyy/items/3f16b9ebad51883869e5
この記事どうりにとりあえずやりたい
###発生している問題・エラーメッセージ

ERROR in ./client/src/reducer.js Module not found: Error: Cannot resolve 'file' or 'directory' ./actions in /Users/hoge/serverless-react/client/src @ ./client/src/reducer.js 7:15-35 ERROR in ./client/src/app.jsx Module not found: Error: Cannot resolve 'file' or 'directory' ./actions in /Users/hoge/serverless-react/client/src @ ./client/src/app.jsx 15:15-35

###該当のソースコード
reducer.js

javascript

1import { REQUEST, RECEIVE } from './actions'; 2 3const initialState = { 4 isFetching: false, 5 message: 'This is React App.' 6}; 7export default (state = initialState, action) => { 8 switch (action.type) { 9 case REQUEST: 10 return Object.assign({}, state, { 11 isFetching: true 12 }); 13 case RECEIVE: 14 return Object.assign({}, state, { 15 isFetching: false, 16 message: action.message 17 }); 18 default: 19 return state; 20 } 21};

app.jsx

import React from 'react'; import { connect } from 'react-redux'; import { fetchHello } from './actions'; class App extends React.Component { constructor() { super(); this.onClickHello = this.onClickHello.bind(this); } onClickHello() { this.props.dispatch(fetchHello()); } render() { return ( <div> <h1>{this.props.message}</h1> <button onClick={this.onClickHello}>Hello</button> <div> {this.props.isFetching ? 'Fetching...' : ''} </div> </div> ); } } export default connect((state) => { return { message: state.message, isFetching: state.isFetching }; })(App);

###試したこと
バージョンの問題かと思い、バージョンをnode 4.3.0に合わせてやり直した

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

元記事にある「client/src/actions.js」は作成しましたか?
エラーメッセージを見る限り actions.js がないかその場所が間違っているかのように見えます。
import ... from './actions'; と書く以上、そのソースと同じディレクトリに actions.js が存在しなければなりません。

投稿2016/12/18 07:20

mit0223

総合スコア3401

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問