在以下代码中创建react应用程序时，出现“Parsing error: expected，expected ";”“
在以下代码中创建react应用程序时，出现“Parsing error: expected，expected ";”
这个错误通常是由于代码中的语法错误导致的。根据错误提示，它期望在某个位置找到一个分号（;），但是没有找到。
要解决这个问题，可以按照以下步骤进行排查：
- 检查代码中是否有拼写错误或语法错误。确保所有的括号、引号、分号等都是成对出现的，并且没有遗漏或多余的符号。
- 检查代码中的逗号是否正确使用。逗号通常用于分隔数组或对象中的元素，如果逗号放置不正确，也会导致语法错误。
- 检查代码中的注释是否正确。注释应该以正确的方式开始和结束，不应该嵌套或者交叉。
- 检查代码中的引用是否正确闭合。如果在代码中使用了引号或者括号，确保它们都是成对出现的，并且没有遗漏或多余的引号或括号。
如果以上步骤都没有解决问题，可以尝试使用代码编辑器的语法检查工具或者在线的代码验证工具来检查代码中的语法错误。
关于React应用程序的创建，可以使用create-react-app工具来快速创建一个React应用程序。create-react-app是一个由Facebook官方提供的用于创建React应用程序的脚手架工具，它可以帮助我们快速搭建一个基本的React开发环境。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 分布式文件存储（CFS）：https://cloud.tencent.com/product/cfs
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse
相关·内容
任何as运算符的出现都会使[eslint] [E] Parsing error: Unexpected token, expected ";"指向as的位置。示例代码：
{error && <small className="invalid-feedback">{(error as any).message}</small>}
这个对any的强制转换是对react-hooks-form的useFormContext函数中的一些错误的解决方法。
当我忽略这个错误并编译应用程序时，它工作得很好。
这发生在带有最新TypeScr
浏览 8提问于2020-03-05得票数 25
2回答
我在react js中有以下代码。 import React from 'react';
import imagesdata from '..data/images.json';
function imagedata() {
return (
<div>
{imagesdata.headerimgs.map((experience, i)=>{
return (
<div key={i}>
<div>
<h1>{e
浏览 14提问于2020-01-18得票数 0
当我点击npm start时，我有以下错误： Parsing error: 'import' and 'export' may only appear at the top level 当我调查这个错误时，他们说我需要更新eslint配置文件，并在解析器选项中放入true等等。但是，我没有eslint配置文件，我的包json看起来像这样： {
"name": "client",
"version": "0.1.0",
"private": true,
"de
浏览 18提问于2019-06-14得票数 0
回答已采纳
找到属性的默认设置的工作示例：
const defaultDisabled = '';
const Greet: React.FC<Props> = ({ disabled = defaultDisabled }: Props) => (
// ...
但是我不想为每个默认值创建一个单独的对象。
如何为整个props对象添加默认对象？以下是一个错误：
interface Props {
label: string;
disabled?: boolean;
}
const defaultProps = { disabled: false };
// P
浏览 3提问于2020-07-31得票数 1
回答已采纳
1回答
当我试图使用useRef react钩子在类型记录中添加cssText时，我遇到了一个问题。我已经测试过Javascript中的代码，它运行得非常好，但无法在类型记录中工作。我的代码如下。当我单击该按钮时，代码将更改div的背景色。
import {useRef} from 'react';
function App() {
const divRef = useRef<HTMLDivElement>(null)
const handleClick = () => {
divRef.current && divRef.curre
浏览 9提问于2022-05-03得票数 0
我目前正在尝试学习Firebase并做出反应，这是一个单页应用程序，它从驻留在Firebase上的实时数据库中读取数据。
我正在学习Google/Firebase自己的教程，在那里他们正在解释如何开始使用Firebase并共同做出反应。()
我来自app的代码与视频中显示的代码不同，即使我将代码更改为视频中显示的代码，它也不起作用。
修改前的代码：
import React from 'react';
import logo from './logo.svg';
import './App.css';
import * as firebase f
浏览 0提问于2019-05-09得票数 0
回答已采纳
我也曾见过类似的问题，那就是当海里撞到最小的时候。我也遇到了同样的问题。
我使用的是UBUNTU14.04与统一桌面。当我单击“最小化”按钮时，nautilus和gedit会崩溃、冻结或不最小化，并变成一个奇怪的布局。这只发生在像努米克或锡尼达克这样的主题上。如果我使用像氛围或光辉这样的主题，事情就会很好。
另外，像gedit和nautilus崩溃这样的应用程序，像chrome这样的应用程序也不会引起问题。
我无法在所有这些问题上找到共同点，我认为这与gtk2或gtk3有关。
当我有数字或半自动主题时，以下错误显示：
(unity-tweak-tool:17971): Gtk-WARNING
浏览 0提问于2016-12-27得票数 0
5回答
我在react js中有以下代码。
class Posts extends Component {
render() {
return (
{console.log('test')}
);
}
}
运行此代码后，我收到错误信息，即
Parsing error: Unexpected token, expected ","
8 | return (
> 9 | {console.log('test')}
| ^
10 | );
11 |
浏览 3提问于2018-10-26得票数 10
1回答
为什么会出现解析错误
Parsing error: Unexpected token Props (null)
对于这个react原生应用程序示例代码？我用的是standardJS林特。
import React, { Component } from 'react';
import {
Text,
View
} from 'react-native';
type Props = {}; // <-- What is wrong with that?
export default class App extends Component<Pr
浏览 4提问于2018-04-19得票数 1
1回答
我使用的是create-react-app和它的typescript模板，但是当尝试像这样在redux-toolkit docs中检索'GenericAsyncThunk‘中'pending’属性的类型时： type PendingAction = ReturnType<GenericAsyncThunk["pending"]>; 我得到一个错误：Parsing error: Unexpected token, expected "]" 编辑:看起来错误只出现在我的机器上，并且在CodeSandbox中可以正常工作。当使用命令npm
浏览 7提问于2021-04-07得票数 1
我正在努力将React应用程序迁移到最新的v17.x版本(从16.13.0)。
然而，当我升级React时，我在typescript文件上得到了解析错误(该应用程序主要使用javascript，但一些文件后来被添加到typescript中)。
例如：
src\components\data\Assets\FYAsset.ts
Line 2:11: Parsing error: Unexpected token
1 | export class FYAsset {
> 2 | private apiData: Object | undefined; // the res d
浏览 1提问于2020-12-27得票数 0
1回答
出于某种原因，我的代码在influxdb数据库中创建了一个名为">“的序列。我需要删除此系列。
> show series
key
---
>,Test_Prog=python,User=unknown
Bazooka,Test_Name=helloworld,Test_Prog=C,User=unknown
我试过了
> drop series from ">"
>
> drop series from "\>"
ERR: error parsing query: found \>, expecte
浏览 16提问于2019-08-19得票数 0
1回答
我已经用create-react-app创建了一个基本的React应用程序，它在弹出后具有以下结构。效果很好。
intended-app-home
|- the-app
|- config
|- node_modules
|- public
|- scripts
|- src
|- package.json
|- .eslintignore
|- .eslintrc
|- .gitignore
现在，我想将the-app的内容向上移到intended-app-home文件夹中。当我这样做时，在运行npm s
浏览 1提问于2017-08-08得票数 0
回答已采纳
2回答
我正在尝试根据的说明在React中创建一个引导模式。
我创建了一个包含以下内容的新类；
class Button extends React.Component {
state = {
isShowingModal: false
}
openModal = () => {
this.setState({isShowingModal: true});
}
render() {
return (
<a onClick={this.openModal}>
Button Text
{this.st
浏览 0提问于2015-10-14得票数 0
2回答
开始研究胚胎干细胞。我希望能够在PHP中使用过滤器生成一个multi_match。我跟踪了官方的文件，但我不明白我的错误。
以下是代码：
public function search_data_into_index($array)
{
$params = [
'index' => 'skills',
'type' => 'people',
'body' => [
'query' => [
浏览 15提问于2021-03-08得票数 0
回答已采纳
我在React组件中有以下代码：
<select id='header-color'>
{
this.props.colors.map((color, i) => {
return <option
value={color.value}
key={i}
{this.props.headerColor === color.value ? 'selected' : ''}>{color.name}
</option>
浏览 0提问于2018-11-13得票数 1
我是一个完全的编程新手，我用不同的方式在google中搜索了以下错误，但没有幸运地找到合理的结果。 我的代码基本上是在尝试： pyperclip.copy(str(DICTIONARY[KEY])) 我在命令行中对程序的调用是： python3 ./PasswordManager.py blog 其中"blog“是上述函数的"key”。 下面是我收到的错误： (python3:26893): Gtk-WARNING **: Theme parsing error: gtk-widgets.css:186:14: Expected a string.
(python3:268
浏览 65提问于2019-01-21得票数 0
回答已采纳
我有很多附加了元数据的模型，所以我创建了一个泛型类型，以便在模型出现时将它们附加到模型中： type WithMeta<T> = T extends Meta; 尽管这会产生以下错误：Parsing error: '?' expected. ESLint没有告诉我是哪条规则触发的，所以希望这里的人知道答案？谢谢
浏览 59提问于2020-07-17得票数 1
回答已采纳
我的eslint正在对我的TS代码发出一个错误，这个错误应该可以工作：
const foo = {
key1: 'value1',
key2: 'value2'
};
type MyType = keyof typeof foo;
ESLint: Parsing error: Unexpected token `typeof`, expected the token `;`(prettier/prettier
App是由create-react-app工具创建的，它为eslint提供了一些默认配置，我添加了更漂亮的支持，下面是我对所有这些的配置：
/
浏览 20提问于2022-01-14得票数 0
我正在为我的React项目使用jenkins管道来测试、构建和部署步骤。 我将sonarqube与我的项目集成在一起。但是sonar的jacoco不评估我的覆盖报告，它是通用覆盖格式(test-report.xml) 有没有办法让我的报告在我的React项目中以"jacocoTestReport.xml“的形式出现，而无需使用maven或gradle。我找不到任何文档或第三方工具？ 我的相关管道脚本： sh '''
${scannerHome}/bin/sonar-scanner \
-Dsonar.projectKey=xxxxxxxxxxxxx
浏览 45提问于2021-04-15得票数 0
1回答
我希望从同一个文件中有多个导出，其中一个是重命名为默认的高阶组件，但我收到了一个语法错误。 //Shape.js
import React, { createContext, memo } from "react";
const ResizeAPI = createContext();
const Shape = (props) => {
/* ... */
}
export {
memo(Shape) as default, // <-- Syntax/Parsing Error: Unexpected token, expec
浏览 7提问于2020-11-02得票数 0
回答已采纳
当JSONValue无法阅读JSONValue时，我的应用程序崩溃了？
这是我得到的
Response [{"profile_pic":"1.jpg","user_name":"Jack"}]
2011-02-17 13:37:38.209 App[3964:207] -JSONValue failed. Error trace is: (
"Error Domain=org.brautaset.JSON.ErrorDomain Code=3 \"Object key string expected\
浏览 5提问于2011-02-17得票数 0
我无法在Firefox 7.0.1中打开Hello world应用程序。我正在使用Sencha documentation.When的教程开发这个应用程序。我打开Firefox Web开发人员控制台，发现以下CSS错误：
Unknown property 'box-sizing'. Declaration dropped. @ http://localhost:8080/ExtJs/HelloWorld/extjs/resources/css/ext-all.css:1
Unknown property 'zoom'. Declaration dropped
浏览 3提问于2011-11-27得票数 1
回答已采纳
4回答
我正在使用以下代码来更改背景颜色：
$('.posts').animate({height: '100px', backgroundColor: '#0000FF'}, 2000);
$('.posts a').animate({color: '#00FF00'}, 2000);
在firebug上遇到以下错误，而不是预览页面中的颜色变化：
Expected color but found 'NaNpx'. Error in parsing value for
浏览 2提问于2011-06-27得票数 2
回答已采纳
2回答
在创建一个网站时，我遇到了一个奇怪的错误，
Timeline在设备尺寸为medium时会自动消失，我不知道是什么触发了它。
根据我的计算，这个错误似乎在AppStrap ()中，而不是在BootStrap本身中，因为我创建了一个jSFiddle来检查它是否有相同的错误，它没有任何错误。
我正在使用AppStrap主题的最新版本。
问题的演示可以在：中找到
这个网站就是这样出现的。
在调整窗口大小时，我看不到与Mozilla Inspector中的twitter小部件相关的任何错误日志，因此我可以找出问题的根源。
这是日志：
GET http://parasclasses.com/ [HT
浏览 8提问于2014-11-04得票数 0
回答已采纳
我已经将typescript升级到了3.7以上，这也是可选链接出现的时候。react-scripts也是最新的。然而，当我运行npm run build时，下面的代码行仍然抛出以下错误 > react-scripts build
Creating an optimized production build...
Failed to compile.
./src/myfile.tsx
Line 172:25: Parsing error: Expression expected 下面是“冒犯”的一句话： const result = item.get(first)?.ge
浏览 202提问于2020-08-28得票数 1
回答已采纳
2回答
分析错误:意外的标记常量
、、、、
我目前正在设置一个流星应用程序，我正在使用eslint和babel，但我得到以下代码片段的以下错误：
const Navigation = props => (
const classes = props.classes;
return (
<div className={classes.root}>
</div>
)
);
错误：
2:4 - Parsing error: Unexpected token const
我已经重新创建了我的eslint配置。我的.babelrc配置如下：
{
"presets":
浏览 0提问于2017-09-18得票数 5
回答已采纳
2回答
用Gimp批量旋转文件
、、、
我使用以下gimp脚本将文件夹中的所有图像旋转180°(脚本保存在~/.gimp-2.8/scripts/batch-rotate.scm下)
(define (batch-rotate pattern rotate-type)
(let* ((filelist (cadr (file-glob pattern 1))))
(while (not (null? filelist))
(let* ((filename (car filelist))
(image (car (gimp-file-load RUN-NONINTE
浏览 4提问于2014-05-09得票数 1
回答已采纳
正在尝试获取以下查询以在GCP上工作。我需要这个来查询每24小时使用的测试版api。查询中不断出现错误。可能是一个简单的语法错误，但我看不出来。
GET /gcp-%2A/_search
{
"query": {
"range" : {
"timestamp" : {
"gte" : "now-1d/d",
"lt" : "now/d"
浏览 7提问于2020-05-16得票数 0
回答已采纳
1回答
在React中覆盖悬停，JS方式
、、、、
我正在尝试使用本教程在React中进行图像悬停时的叠加：w3 schools tutorial。 我的代码： <div className="grid-item" key={movie.id}>
<img className="grid-images" alt={movie.title} src={movie.src}>
<div className="overlay">{movie.tit
浏览 12提问于2019-03-18得票数 0
回答已采纳
1回答
我正在尝试简单地打开一个模式的按钮点击。当我点击淡入淡出动画开始，然后立即停止，当我双击按钮时，它有时会工作。我相信从周围的阅读来看，我在标题部分的链接或脚本有问题，但我不确定。
以下是head部分：
<!DOCTYPE html>
<html lang="en">
<head>
<title>DSA - Wine & Vineyards</title>
<meta charset="utf-8">
<meta name="viewport
浏览 0提问于2017-02-01得票数 0
1回答
我创建了一个用应用程序创建的项目，我试图加载一个图像，但是我一直得到相同的解析错误。
以下是代码：
1 import React, { Component } from 'react'
2 import profile from './profile.png'
3
4 class Jumbotron extends Component {
5 render() {
6 return (
7 <div className="container">
8
浏览 1提问于2019-11-08得票数 1
回答已采纳
9回答
我尝试设置基于vim的typescript开发环境，但有一个缩进管理的问题。
可能'eslint‘说的是：prettier重新格式化后的indent: Expected indentation of 2 spaces but found 4.。
我的.eslintrc.js
module.exports = {
parser: '@typescript-eslint/parser', // Specifies the ESLint parser
extends: [
'plugin:react/recommended', /
浏览 3提问于2019-05-28得票数 32
从昨天开始，我收到了很多Bootstrap警告/错误。这不是两天前发生的，所以我不确定发生了什么。以下是警告/错误：
Unknown pseudo-class or pseudo-element '-webkit-inner-spin-button'. Ruleset ignored due to bad selector. bootstrap.min.css:5:1544
Unknown pseudo-class or pseudo-element '-webkit-search-cancel-button'. Ruleset ignored due to
浏览 1提问于2016-07-23得票数 1
回答已采纳
3回答
我正在开发一个新的应用程序，我在“解析块映射”时遇到这个错误。 我已经尝试过这个选项:"https://stackoverflow.com/questions/55470780/error-on-line-55-column-4-of-pubspec-yaml-expected-a-key-while-parsing-a-block“，但它不起作用 fonts:
- family: GoogleSans
fonts:
- asset: assets\fonts\GoogleSansRegular.ttf
weight:
浏览 32提问于2019-09-04得票数 2
我升级到了反应18，并且在typeof useCallback上遇到了麻烦。我以前可以这样做：
import type { UseCallback } from 'react'
interface MyComponentProps {
onChange: UseCallback<(value: boolean) => void>;
}
但是，现在UseCallback不再从react导出，在执行此操作时我会得到一个错误：
type CallbackFn = (value: boolean) => void;
interface MyCompone
浏览 10提问于2022-06-28得票数 0
我找到了这个React包，它有一个与我需要的组件完全相同的组件。不幸的是，没有可用的类型，所以我决定自己创建它们。
包：
这是我提出的定义，它们使用在GitHub 上指定的用法示例。
import * as React from "react";
export interface ReactTagsProps {
tags?: TagItem[];
suggestions?: string[];
handleDelete: ((i: number) => void);
handleAddition: ((tag: string) =&
浏览 18提问于2017-06-27得票数 0
回答已采纳
这会将Nav.Link创建为react-router-dom链接： <Nav.Link as={Link} to='/'>link</Nav.Link> 但这一点： const props = { as: { Link }, to: '/' }
return (
<Nav.Link {...props}>link</Nav.Link>
) 失败，出现以下错误： Error: Element type is invalid: expected a string (for built-in components)
浏览 18提问于2020-09-09得票数 0
我正在尝试使用windows环境中的IE访问在我的本地网络上运行的基本react应用程序。该网站似乎在chrome上工作，但不在IE上工作。当我导航到IE中的url时，我只看到一个空白屏幕。
我已经尝试将IE配置为包含本地intranet区域中的网络url，但是这并没有改变结果。
为了澄清，我正在运行一个使用create- react -app的react应用程序，并且我还没有做任何更改。然而，当我检查该站点时，我发现IE中出现了以下错误：
SCRIPT1028: Expected identifier, string or number
bundle.js (1017,11)
SCRIPT
浏览 5提问于2021-11-11得票数 0
3回答
在我的component类中，我创建了一个构造函数，但是它抛出了错误：
具有构造函数的组件类：
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
constructor(props) {
super(props);
this.state = {
temp: 0,
desc: '',
icon: '',
loading: true
}
}
浏览 0提问于2018-12-09得票数 2
回答已采纳
1回答
我是一个新的类型，我创建了一个模式中的geoloc。
模式
curl "http://localhost:8108/collections" \
-X POST \
-H "Content-Type: application/json" \
-H "X-TYPESENSE-API-KEY: xyz" \
-d '{
"name": "demo",
"fields": [
浏览 2提问于2021-08-26得票数 1
回答已采纳
3回答
我有课：
class App extends Component {
setName = () => {
this.props.setName('Test')
};
render() {
return (
<div onClick={this.setName}>
<h1>Wolcome to React</h1>
<p>
Test <b>HRM</b>. {this.props.user.name}
浏览 4提问于2017-03-18得票数 0
回答已采纳
我正在遵循这个，我有一个密钥，仅仅使用下载的代码，我在模拟器中得到一个空白屏幕，在控制台中出现以下错误
[Session started at 2011-03-02 16:06:53 +1100.]
2011-03-02 16:06:57.158 JSONFlickr[10188:207] -JSONValue failed. Error trace is: (
“Error Domain=org.brautaset.JSON.ErrorDomain Code=6 \”Missing hex digit in quad\” UserInfo=0x4e3ade0 {NSLocaliz
浏览 2提问于2011-03-02得票数 0
回答已采纳
当我试图在ios模拟器上运行react原生应用程序时，我遇到了这个问题。实际上，我刚刚创建了一个运行npx react-native init app_test的项目，当我运行npx react-native run-ios时，我得到了这个错误。
我没有安装依赖项或pod或其他任何东西。只需在应用程序初始化完成后运行yarn start，并尝试运行模拟器。有什么建议吗？
控制台中出现错误：error: node_modules/react-native/Libraries/Image/ImageAnalyticsTagContext.js: Property body[6] of B
浏览 100提问于2021-08-05得票数 11
我正在构建一些SPFX组件(打字稿+ webpack为基础)。
我想在项目中包括redux工具包，但是它破坏了编译。
我所做的：
使用溜溜球为项目搭建脚手架
安装了redux react-redux和@reduxjs/toolkit (如果重要的话使用pnpm )
遵循，创建具有以下内容的文件store.ts：
import { configureStore } from '@reduxjs/toolkit'
// ...
const store = configureStore({
reducer: {
}
})
// Infer the
浏览 9提问于2021-07-29得票数 0
回答已采纳
1回答
这是我的代码： public List<BookEntry> parseFileContent() {
Objects.requireNonNull(fileContent, "ERROR: No content loaded before parsing.");
return BookEntryCreator(fileContentListCreator(fileContent));
} 我被期望得到这个错误： org.junit.ComparisonFailure: Console output not as expec
浏览 13提问于2020-03-26得票数 0
我正在尝试使用终端打开文件资源管理器。当我在终端中输入命令nautilus时，我会看到以下输出
(nautilus:5814): Gtk-WARNING **: 07:26:19.884: Theme parsing error: gtk.css:2281:23: Expected a valid selector
(nautilus:5814): Gtk-WARNING **: 07:26:19.895: Theme parsing error: gtk.css:11535:3: '/*' in comment block
(nautilus:5814): Gtk-WAR
浏览 0提问于2020-07-06得票数 1
1回答
在包含用于React native的JSX的新TS文件上获取以下错误：
Unexpected token, expected ","
下面是我正在制作的组件的代码。该错误似乎显示为
class TabLabel extends React.PureComponent<IReactionsLabelProps> {
constructor(props: IReactionsLabelProps) {
super(props);
}
render = () => {
const { name, baseUr
浏览 0提问于2021-12-03得票数 0
我的eslinter.json {
"env": {
"browser": true,
"es2020": true
},
"parser": "babel-eslint",
"extends": [
"plugin:react/recommended",
"airbnb"
],
"parserOptions": {
浏览 17提问于2021-01-20得票数 0
回答已采纳
3回答
我试图在我的React应用程序中将字符串解析为对象数组。
const {newsEntity} = props;
const contentInString = {newsEntity.content}; <== not working
// const contents = JSON.parse(contentInString); <== hoping to use this someday
我得到了以下错误ESLint: Parsing error: ',' expected.
我试图移除花括号，但它给了undefined
内容：
[{"content&
浏览 0提问于2021-07-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
