Uncaught ReferenceError: React is not defined出错？

Question

问题截图：

我的webpack.config.js:

package.json:

代码：

//main.js 
import React from 'react';
import ReactDOM from 'react-dom';
import Greeter from './Greeter';

import './main.css';

ReactDOM.render(
    <Greeter />,
    document.getElementById('root')
)

// Greeter.js

import react, {Component} from 'react'
import config from './config.json';
import {render} from 'react-dom';

class Greeter extends Component {
    render() {
        return (
            <div>
                {config.greetText}
            </div>
        );
    }
}

export default Greeter

config.json:

{
    "greetText": "Hi there and greeting from json"
}

主要是按照这篇文章来学的，不明白为什么会出现这个问题，在SF上看到一个同样的错误,还有其他类似的很多这样的错误，可是未能解决，求助，谢谢

Answer 1

- import react, {Component} from 'react'
+ import React, {Component} from 'react'