webpack报错

Question

执行webpack命令后，报错

import React from 'react';

class ProgressBall extends React.Component {
    render() {
        return (
            <div className="wrapper">
                <div className="ball"></div>
            </div>
        );
    }
}

export default ProgressBall;

但是改为下面这样后，修通过了，请问是什么原因

var React = require('react');

class ProgressBall extends React.Component {
    render() {
        return (
            <div className="wrapper">
                <div className="ball"></div>
            </div>
        );
    }
}

module.exports = ProgressBall;

Answer 1

看你代码似乎是webpack 能识别ES6 的class 语法，却识别不了import 语法，你应该安装babel-preset-es2015才对啊。