繁体   English   中英

如何在React.js中发现错误(“意外令牌”)?

How to find error (“Unexpected token”) in React.js?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我一直在进步,突然间一切都崩溃了。 我在浏览器中收到以下错误消息:

./src/PokedexSelector.js
Syntax error: Unexpected token (48:9)

  46 |   
  47 | 
> 48 |   export default PokedexSelector;
     |          ^
  49 | 

这对我来说没有任何意义,因为我尝试更改代码中的许多内容并查找缺少的花括号等,但无法确定问题的根源。 即使我更改了内容,错误也会四处跳动。 例如,如果删除最后一行并刷新,则会得到以下信息:

./src/PokedexSelector.js
Syntax error: Unexpected token (46:0)

  44 |     )
  45 |   }
> 46 | 
     | ^

...对我来说毫无意义。

这是整个文件:

import React, { Component } from 'react';
import { capitalize } from './HelperFunctions';

class PokedexSelector extends Component {
  constructor(props) {
    super(props);
    this.state = {value: "National", pokedexes: []};

    this.handleChange = this.handleChange.bind(this);
    this.generatePokedexList = this.generatePokedexList.bind(this);
  }

  handleChange(event) {
    this.setState({value: event.target.value});
  }

  generatePokedexList() {
    const pokedexes = this.state.pokedexes;
    fetch("https://pokeapi.co/api/v2/pokedex/")
    .then(response => response.json())
    .then(myJson => {
      let results = myJson["results"];
      results.forEach(function(pokedex) {
        let pokedexName = pokedex["name"];
        let pokedexLink = "https://pokeapi.co/api/v2/pokedex/" + pokedexName;
        let pokedexDisplayName = capitalize(pokedexName.replace('-',' '));
        pokedexes.push(
          {
            name: pokedexName,
            "displayName": pokedexDisplayName,
            "link": pokedexLink
          }
        );
      });
    })
  }

  render() {
    this.generatePokedexList();
    return (
      <select id="pokedex-selector" value={this.state.value} onChange={this.handleChange()}>
        <option> {capitalize(this.state.value)} </option>
      </select>
    )
  }


  export default PokedexSelector;
1 个回复

渲染后添加“}”。 班仍然开放。

1 componentDidMount意外令牌错误[React.js]

我目前正在使用PokeApi创建一个PokeDex。 我正在尝试完成PokemonList,它将包含所有不同的PokemonCard按钮。 我收到expected ";" 我的componentDidMount错误,我不确定为什么。 该页面的代码是 它在component ...

3 我找不到的 React.js 组件语法错误(意外标记)

大家好,感谢您的帮助! 在将我的 ruby​​ on rails 应用程序从 rails v5.0 更新到 6.0 时,我的一个 react 组件遇到了错误,尽管我尝试使用许多 JS linter 修复它,但我找不到任何合适的解决方案。 这是我得到的输出: 这是组件本身: 非常感谢你的协助 ...

4 无法在React.js中读取json,出现意外的令牌错误

我无法从React.js中的json文件中获取数据,我已经在JSLINT上检查了myJSON并使用Windows系统。 我不试图显示它,而只是存储在变量中,它仍然抛出错误: ./src/app/document.json中的错误 模块构建失败:SyntaxError:C:/Us ...

5 Radium for React.js内联样式意外的令牌错误?

所以我做了一个 并且它在我的节点模块文件夹中安装了镭(我可以在那看到它) 这也是我的json包,其中包括其他安装(也许Radium与其他安装有冲突?)这是我的json包: 我还在组件文件的顶部包含了镭(我知道我可能不需要这样做 因此,基本上我遵循的是镭文件,只是剪切 ...

8 React.js 编译失败:意外令牌

每个人。 我不断收到此错误,我不知道出了什么问题: 错误信息 它说有一个意外的标记,某处必须有一个逗号。 有人可以告诉我,我的代码有什么问题吗? 这是..渲染部分在下面: ...

9 Jest 遇到意外令牌 React.js

我试图获得测试的代码覆盖率,但面临一个问题。 如果我运行“npm test”,则测试正在通过,但是当我运行“npm run coverage”时,它无法识别&lt;AddDoctor/&gt;并在那里抛出错误。 这是错误的屏幕截图 文件.test.js 包.json ...

10 语法错误:react.js中出现意外令牌

我想学习react.js,我尝试做一个简单的android_application。 我想创建一些“路线”,但是我不知道为什么我不能编译并且我不理解错误。 我在互联网上搜索并尝试了“ npm install”,“ npm install -S react-router-dom”,但是它不起作用。 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM