意外令牌-Atom教程-WordCount

Question

（我对这个问题进行了修改，以便在闲散用户的建议下提供更多信息）

我正在使用Atom编辑器。而且我正在学习如何创建包。我使用atom的文档和教程来学习如何自定义Atom。我使用了“ wordcount”教程。 （https://flight-manual.atom.io/hacking-atom/sections/package-word-count/）。

在基本调试部分之前，我会紧跟所有内容。我收到Unexpected token错误。我不知道如何解决。我在网上和所有地方都进行了研究。

在进入下一部分（Basic Debugging部分）之前，我只需要解决该问题即可。

以下是有关我的设置和错误的信息。任何帮助将不胜感激。

原子：1.32.1 x64

电子：2.0.9

操作系统：Mac OS X 10.14

投掷自：zenkbarieswordcount程序包0.0.0

堆栈跟踪

Failed to activate the zenkbarieswordcount package


At /Users/kellyboy/github/zenkbarieswordcount/lib/zenkbarieswordcount-view.js: Unexpected token (31:16)

SyntaxError: /Users/kellyboy/github/zenkbarieswordcount/lib/zenkbarieswordcount-view.js: Unexpected token (31:16)
}

这是SyntaxError起始位置的代码。第一行是第31行。

31  setCount(count) {
32    const displayText = `There are ${count} words.`;
33    this.element.children[0].textContent = displayText;
34  }

这是跟踪：

at Parser.pp.raise (/app.asar/node_modules/babylon/lib/parser/location.js:24:13)
at Parser.pp.unexpected (/app.asar/node_modules/babylon/lib/parser/util.js:82:8)
at Parser.pp.semicolon (/app.asar/node_modules/babylon/lib/parser/util.js:69:81)
at Parser.pp.parseExpressionStatement (/app.asar/node_modules/babylon/lib/parser/statement.js:427:8)
at Parser.parseExpressionStatement (/app.asar/node_modules/babylon/lib/plugins/flow.js:676:20)
at Parser.pp.parseStatement (/app.asar/node_modules/babylon/lib/parser/statement.js:142:21)
at Parser.parseStatement (/app.asar/node_modules/babylon/lib/plugins/flow.js:655:22)
at Parser.pp.parseTopLevel (/app.asar/node_modules/babylon/lib/parser/statement.js:30:21)
at Parser.parse (/app.asar/node_modules/babylon/lib/parser/index.js:70:17)
at Object.parse (/app.asar/node_modules/babylon/lib/index.js:45:50)
at Object.exports.default (/app.asar/node_modules/babel-core/lib/helpers/parse.js:36:18)
at File.parse (/app.asar/node_modules/babel-core/lib/transformation/file/index.js:574:40)
at File.parseCode (/app.asar/node_modules/babel-core/lib/transformation/file/index.js:691:20)
at /app.asar/node_modules/babel-core/lib/transformation/pipeline.js:167:12
at File.wrap (/app.asar/node_modules/babel-core/lib/transformation/file/index.js:639:16)
at Pipeline.transform (/app.asar/node_modules/babel-core/lib/transformation/pipeline.js:165:17)
at Object.e.compile (/Applications/Atom.app/Contents/Resources/app/static/<embedded>:11:573903)
at Object.compile (/Applications/Atom.app/Contents/Resources/app/static/<embedded>:11:570702)
at compileFileAtPath (/Applications/Atom.app/Contents/Resources/app/static/<embedded>:11:147501)
at Object.value [as .js] (/Applications/Atom.app/Contents/Resources/app/static/<embedded>:11:149898)
at Module.load (module.js:561:32)
at tryModuleLoad (module.js:504:12)
at Function.Module._load (module.js:496:3)
at Module.require (/app.asar/static/index.js:47:45)
at require (/Applications/Atom.app/Contents/Resources/app/static/<embedded>:11:145675)
at Object.<anonymous> (/Users/kellyboy/github/zenkbarieswordcount/lib/zenkbarieswordcount.js:7:32)
at Object.<anonymous> (/Users/kellyboy/github/zenkbarieswordcount/lib/zenkbarieswordcount.js:51:2)
at Module.get_Module._compile (/Applications/Atom.app/Contents/Resources/app/static/<embedded>:11:146385)
at Object.value [as .js] (/Applications/Atom.app/Contents/Resources/app/static/<embedded>:11:149932)
at Module.load (module.js:561:32)
at tryModuleLoad (module.js:504:12)
at Function.Module._load (module.js:496:3)
at Module.require (/app.asar/static/index.js:47:45)
at require (internal/module.js:11:18)
at customRequire (/Applications/Atom.app/Contents/Resources/app/static/<embedded>:1:620607)
at Package.requireMainModule (/Applications/Atom.app/Contents/Resources/app/static/<embedded>:11:2966969)

我用来触发错误的命令

-0:04.1.0 zenkbarieswordcount:toggle (atom-pane.pane.active)

此代码的GitHub仓库先生是： https://github.com/zenkbaries/zenkbarieswordcount

非核心软件包（安装在atom上）

• 原子美化0.33.4
• 忙信号1.4.3
• 意图1.1.5
• jekyll 2.1.0
• jekyll语法高亮显示0.1.0
• 语言液体0.7.0
• linter 2.2.0
• linter-markdown 5.2.2
• linter-stylelint 4.3.2
• linter-ui-default 1.7.1
• markdown-preview-kramdown 0.6.1
• markdown-writer 2.10.3
• platformio-ide-terminal 2.8.4
• zenkbarieswordcount 0.0.0

Answer 1

这看起来像是一个简单的语法错误。在不了解代码逻辑的情况下，请考虑以下内容。您要么需要在类内部移动<div class="wrapper"> <div class="thumbnail"> <img width="324" height="212" src="https://sharengay.com/wp-content/uploads/2018/07/banner-thu-thuat-xem-phim-netflix-324x212.jpg"> </div> <div class="except"> <span> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span> </div> </div> <div class="wrapper"> <div class="thumbnail"> <img width="324" height="212" src="https://sharengay.com/wp-content/uploads/2018/07/banner-thu-thuat-xem-phim-netflix-324x212.jpg"> </div> <div class="except"> <span> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span> </div> </div>，要么使用正确的语法声明一个函数。

示例：

setCount()

或者，如果您更喜欢使用ES6语法，请使用箭头功能

function setCount() {
  // your code
}