React + Webpack - 非法出口申报

Question

我对React很新，我正在使用Webpack和ES6进行实验。我写了下面的代码，它给了我一个illegal export declaration错误，我不完全确定为什么......

class Header extends React.Component {

    render() {

        return (
            <div id="header">
                header
            </div>
        )

    }

}

export default Header;

CLI的错误是：

throw new Error('Error transforming ' + filename + ' to JS: ' + e.toStri
            ^
Error: Error transforming /Users/leaky/Projects/CBP/public-api/docs/app/components/www/header/header.jsx to JS: Error: Parse Error: Line 13: Illegal export declaration

我在webpack中配置了babel加载器，如下所示：

{ test: /\.jsx?$/, loader: 'babel', exclude: /node_modules/ },

Answer 1

正如@JMM和我在这个问题中回答“import syntax not working with webpack”，

1. 您可能需要使用babel或babel-loader启用import
2. 确保任何其他加载程序不会中断babel-loader
希望它会有所帮助

Answer 2

确保您实际上没有导入除已编译的js文件以外的任何js文件。从各种文件迁移到Webpack捆绑包之后有一次这个问题，我仍然引用旧的非捆绑文件，并且ES6 Import声明因此而失败。