Reactの構文エラーを解決したい。

Question

##解決したいこと
以下のようなエラーがブラウザに表示されています。このようなエラーを解決したいです。

Failed to compile
./src/App.js
Module not found: Can't resolve './memo/AddFrom' in '/Users/okamotoryou/Desktop/react/todo/src'

##起きているエラーの原因
renderメソッドの中にあるfontSizeの「：」の部分にカーソルを当てると、以下のようなエラーメッセージが表示されました。構文エラーが上のエラーの原因のようです。

「'}'が必要です。」

撮影した画像のURLです。
https://gyazo.com/5754faac12ca4db48f655fdd2a2af83c

##エラーが発生した背景
掌田津耶乃著『React.js&Necst.js 超入門』という技術書で簡易メモアプリを作成しています。
技術書のp226~227のソースコードを見ながらコードを書きました。そうしたところ、上にようなエラーが発生しました。
以下は、上の技術書に書いてあるソースを書きました。

##ソースコード

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { addMemo } from './Store';

class AddForm extends Component {
    input = {
        fontSize:"16pt",
        color:"#006",
        padding:"1px",
        margin:"5px 0px"
    }
    btn = {
        fontSize:"14pt",
        color:"#006",
        padding:"2px 10px"
    }
    constructor(props){
        super(props);
        this.state = {
            message:''
        }
        this.doChange = this.doChange.bind(this);
        this.doAction = this.doAction.bind(this);
    }

    doChange(e){
        this.setState({
            message: e.target.value
        });
    }

    doAction(e){
        e.preventDefault();
        let action = addMemo(this.state.message);
        this.props.dispatch(action);
        this.setState({
            message:''
        });
    }

    render(){
        return (
            <div>
                message = {
                    fontSize: "16pt",
                    color: "#006",
                    margin: "5px 10px"
                }
                <p style={this.message}>{this.props.message}</p>
                <form onSubmit={this.doAction}>
                <input type="text" size="40" onChange={this.doChange}
                  style={this.input} value={this.state.message} required/>
                <input type="submit" style={this.btn} value="Add"/>
                </form>
            </div>
        );
    }
}
export default connect((state)=>state)(AddForm);

##試したこと
以下の2つを試しました。
①技術書に書いてあったソースコードを見直してみました。
②message={...}をconstructorの上に書きました。その理由は、messageのスタイルは、上の方で定義しているので、書きました。

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { addMemo } from './Store';

class AddForm extends Component {
    input = {
        fontSize:"16pt",
        color:"#006",
        padding:"1px",
        margin:"5px 0px"
    }
    btn = {
        fontSize:"14pt",
        color:"#006",
        padding:"2px 10px"
    }
    message = {
      fontSize: "16pt",
      color: "#006",
      margin: "5px 10px"
    }
    constructor(props){
        super(props);
        this.state = {
            message:''
        }
        this.doChange = this.doChange.bind(this);
        this.doAction = this.doAction.bind(this);
    }

    doChange(e){
        this.setState({
            message: e.target.value
        });
    }

    doAction(e){
        e.preventDefault();
        let action = addMemo(this.state.message);
        this.props.dispatch(action);
        this.setState({
            message:''
        });
    }

    render(){
        return (
            <div>
                <p style={this.message}>{this.props.message}</p>
                <form onSubmit={this.doAction}>
                <input type="text" size="40" onChange={this.doChange}
                  style={this.input} value={this.state.message} required/>
                <input type="submit" style={this.btn} value="Add"/>
                </form>
            </div>
        );
    }
}
export default connect((state)=>state)(AddForm);

##試した結果
①形式的な間違いは見つけられませんでした
②ブラウザ画面に変化はなく、エラーを解決することはできませんでした。

##バージョン
React　16.13.1
Redux　7.2.2
Vscode

Answer 1

構文については②で対応されている書き方で正しいと思います。
ただ、「解決したいこと」に書かれているエラーは単純に指定のpathでファイルが読み込めていないせいなので関係ないですね。
src/memo/AddFrom に指定のファイルがあるか確認し、pathが間違っているようであれば修正しましょう