气泡按钮点击无响应及package.json启动报错技术求助

• 实现气泡按钮的气泡效果时，按钮CSS渲染正常，但点击无法触发onClick脚本
• 调试怀疑package.json存在问题，尝试更新start脚本无效；执行npm run start时抛出SyntaxError: Unexpected token {错误

相关代码及报错信息 #

package.json scripts片段 #

["scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

终端执行命令及报错详情 #

david@david-HP-ENVY-x360-m6-Convertible:~/Documents/Codecademy/Store-inventory/store-inventory$ npm run start
/usr/share/code/resources/app/extensions/ms-vscode.js-debug/src/bootloader.js:2
`,CHAR_NO_BREAK_SPACE:"\xA0",CHAR_PERCENT:"%",CHAR_PLUS:"+",CHAR_QUESTION_MARK:"?",CHAR_RIGHT_ANGLE_BRACKET:">",CHAR_RIGHT_CURLY_BRACE:"}",CHAR_RIGHT_SQUARE_BRACKET:"]",CHAR_SEMICOLON:";",CHAR_SINGLE_QUOTE:"'",CHAR_SPACE:" ",CHAR_TAB:"   ",CHAR_UNDERSCORE:"_",CHAR_VERTICAL_LINE:"|",CHAR_ZERO_WIDTH_NOBREAK_SPACE:"\uFEFF"}});var Lr=O((Ua,Pr)=>{"use strict";var ti=Xe(),{MAX_LENGTH:Or,CHAR_BACKSLASH:yt,CHAR_BACKTICK:ri,CHAR_COMMA:ni,CHAR_DOT:si,CHAR_LEFT_PARENTHESES:ii,CHAR_RIGHT_PARENTHESES:oi,CHAR_LEFT_CURLY_BRACE:ai,CHAR_RIGHT_CURLY_BRACE:li,CHAR_LEFT_SQUARE_BRACKET:Ir,CHAR_RIGHT_SQUARE_BRACKET:Nr,CHAR_DOUBLE_QUOTE:ui,CHAR_SINGLE_QUOTE:ci,CHAR_NO_BREAK_SPACE:fi,CHAR_ZERO_WIDTH_NOBREAK_SPACE:pi}=kr(),di=(e,t={})=>{if(typeof e!="string")throw new TypeError("Expected a string");let r=t||{},n=typeof r.maxLength=="number"?Math.min(Or,r.maxLength):Or;if(e.length>n)throw new SyntaxError(`Input length (${e.length}), exceeds max characters 

SyntaxError: Unexpected token {
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:617:28)
    at Object.Module._extensions..js (module.js:664:10)
    at Module.load (module.js:566:32)
    at tryModuleLoad (module.js:506:12)
    at Function.Module._load (module.js:498:3)
    at Module.require (module.js:597:17)
    at Function.Module._preloadModules (module.js:754:12)
    at preloadModules (bootstrap_node.js:488:38)

内容的提问来源于stack exchange，提问作者Daavila1