javascript - 使用 Riotjs Webpack Starterkit 构建时 Riot.js 错误

Question

我正在尝试向现有标记添加一个方法，单击按钮时调用该方法，但在开发构建时出现此错误。

https://github.com/wbkd/riotjs-startkit

./src/components/itemlist.tag 中出现错误模块构建失败:语法错误:未知:意外的标记 (15:15) });

addItem(e) {
    console.log('elo');
}

at Parser.pp.raise (C:\Users\Adam\Documents\test\riotjs-startkit-master\node_modules\babel\node_modules\babel-core\node_modules\babylon\lib\parser\location.js:24:13)
at Parser.pp.unexpected (C:\Users\Adam\Documents\test\riotjs-startkit-master\node_modules\babel\node_modules\babel-core\node_modules\babylon\lib\parser\util.js:82:8)
at Parser.pp.semicolon (C:\Users\Adam\Documents\test\riotjs-startkit-master\node_modules\babel\node_modules\babel-core\node_modules\babylon\lib\parser\util.js:69:81)
at Parser.pp.parseExpressionStatement (C:\Users\Adam\Documents\test\riotjs-startkit-master\node_modules\babel\node_modules\babel-core\node_modules\babylon\lib\parser\statement.js:427:8)
at Parser.parseExpressionStatement (C:\Users\Adam\Documents\test\riotjs-startkit-master\node_modules\babel\node_modules\babel-core\node_modules\babylon\lib\plugins\flow.js:676:20)
at Parser.pp.parseStatement (C:\Users\Adam\Documents\test\riotjs-startkit-master\node_modules\babel\node_modules\babel-core\node_modules\babylon\lib\parser\statement.js:142:21)
at Parser.parseStatement (C:\Users\Adam\Documents\test\riotjs-startkit-master\node_modules\babel\node_modules\babel-core\node_modules\babylon\lib\plugins\flow.js:655:22)
at Parser.pp.parseTopLevel (C:\Users\Adam\Documents\test\riotjs-startkit-master\node_modules\babel\node_modules\babel-core\node_modules\babylon\lib\parser\statement.js:30:21)
at Parser.parse (C:\Users\Adam\Documents\test\riotjs-startkit-master\node_modules\babel\node_modules\babel-core\node_modules\babylon\lib\parser\index.js:70:17)
at Object.parse (C:\Users\Adam\Documents\test\riotjs-startkit-master\node_modules\babel\node_modules\babel-core\node_modules\babylon\lib\index.js:45:50)

@ ./src/pages/home.tag 5:0-37

Answer 1

好像 startkit 使用 webpack 和 babel 从 es6 进行转译。您使用的语法是由 Riot 提供的，不是真正的 es6。

因此，如果您从 es6 进行转译，请使用 es6 语法，因为 Riot.js 语法将不起作用。

this.addItem = (e) => {
    console.log('elo');
}

如果没有你可以使用js语法

this.addItem = function(s) {
    console.log('elo');
}

或者您也可以使用 Riot.js 提供的类似 es6 的语法

addItem(e) {
    console.log('elo');
}