Question

我有一个包含该记录的文件app.js

handlePageClick = (data) => {
    let selected = data.selected;
    let offset = Math.ceil(selected * this.props.perPage);
    this.setState({offset: offset}, () => {
        this.setState({data: items.slice(offset, offset + 10), pageCount: 20})
    });
};

我的webpack.config.js看起来像这样

var path = require（＆＃39; path＆＃39;）; var node_dir = __dirname +＆＃39; / node_modules＆＃39;;

module.exports = {
    entry: './src/main/js/app.js',
    devtool: 'sourcemaps',
    cache: true,
    debug: true,
    output: {
        path: __dirname,
        filename: './src/main/resources/static/built/bundle.js'
    },
    module: {
        loaders: [
            {
                test: path.join(__dirname, '.'),
                exclude: /(node_modules)/,
                loader: 'babel-loader',
                query: {
                    cacheDirectory: true,
                    presets: ['es2015', 'react']
                }
            }
        ]
    }
};

我使用demo.js文件作为基础进行微调。我的package.json包含该依赖项

  "dependencies": {
    "react": "^16.0.0",
    "react-dom": "^16.0.0",
    "rest": "^1.3.1",
    "webpack": "^1.12.2",
    "react-paginate": "^5.0.0"
  },
  "scripts": {
    "watch": "webpack --watch -d"
  },
  "devDependencies": {
    "babel-core": "^6.18.2",
    "babel-loader": "^6.2.7",
    "babel-polyfill": "^6.16.0",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-react": "^6.16.0"
  }

但是当我尝试启动应用程序时，我收到此错误

[INFO] Module build failed: SyntaxError: .../src/main/js/app.js: Unexpected token (36:20)
[INFO]
[INFO]   34 |     };
[INFO]   35 |
[INFO] > 36 |     handlePageClick = (data) => {
[INFO]      |                     ^
[INFO]   37 |         let selected = data.selected;
[INFO]   38 |         let offset = Math.ceil(selected * this.props.perPage);
[INFO]   39 |         this.setState({offset: offset}, () => {
[INFO]

有什么问题？错误的库版本？错误es？

Answer 1

您需要babel-plugin-transform-class-properties

无法使用webpack编译反应js文件

1 个答案: