JSX标记出现语法错误

文章/答案/技术大牛

发布

1回答

node.js、reactjs、babeljs、jsx、package.json

当我运行"npm run build-dev“时，我收到了一个语法错误，这会触发"browserify”。这应该会在我的JSX文档(如下所示)中转换我的JSX标记，但它只是在开始标记处抛出了一个语法错误。我真的很难发现这里出了什么问题，我找不到这个项目和我最近做的另一个项目有什么不同。6.26.0" "devDependencies": { "browserify": "^15.2.0&

浏览 13提问于2018-03-05得票数 0

3回答

如何有条件地添加、关闭和启动JSX标记

reactjs

我从未想过如何有条件地关闭现有的JSX标记并启动一个新的标记，而不会在Visual中出现语法错误。这是怎么做的？在下面的示例中，我希望将现有的表拆分为两个表。如果删除条件代码，则不会出现任何语法错误。 <thead> </thead> {true ?

浏览 4提问于2016-09-29得票数 10

回答已采纳

2回答

具有泛型结果语法错误的TypeScript对象类型

typescript、visual-studio-code、webstorm

当试图将泛型Merge的结果赋值为对象类型(键值类型)时，会出现语法错误： jsx1=> JSX.Element; //ok jsx3?:

浏览 10提问于2021-11-30得票数 2

回答已采纳

1回答

React语法错误，似乎找不到问题所在。错误: JSX元素'div‘没有对应的结束tag.ts(17008)

reactjs、syntax-error

我看过这里发布的关于语法错误的类似问题，但我仍然不能找出问题是什么。基本上，"JSX元素'div‘没有对应的结束tag.ts(17008)“。我已经检查了我的代码，但是有所有必要的结束标记。div className = "App" > <h1 > Basic React App < /h1> );} 点击保存后，同样会出现错误"(prope

浏览 148提问于2020-10-10得票数 0

1回答

将元素推送到数组

reactjs

从我从互联网上所能看到的来看，这个功能应该能工作。但是，babel没有编译它，理由是一个无效的令牌。如果我注释掉推送线，一切都正常。renderSuggestionText(highlightText, text) { while (buffer.length > 0) { if (f

浏览 1提问于2016-05-04得票数 1

回答已采纳

2回答

将react移到不带节点的单独组件文件中

javascript、reactjs

我没有使用Node，如何将当前在text/babel脚本标记中的react代码(jsx)移动到单独的组件文件中？我尝试移动它们，然后在html文件中引用它们，但是一旦它到达HTML的第一位，它就抛出一个语法错误，我尝试了文件的.jsx和.js扩展名，当我包含它时，我给它的脚本类型为text/BA贝尔。<script src="components/nav.jsx" type="text/babel" ><&#

浏览 1提问于2016-02-29得票数 0

1回答

到底应该如何在React.js中调试JSX？

javascript、debugging、reactjs、google-chrome-devtools

现在我正在尝试学习React.js，但是我遇到了很多语法错误的问题。在编写react.js代码时，我不清楚如何调试JSX。在我的控制台上，典型的JSX语法错误将如下所示： “第15行”似乎并不对应于任何实际代码。在我的集成开发环境中，它是一个空行，就在我的<script>标记之前。当我在谷歌上搜索这个问题时，每个人都建议简单地安装React调试器，我也这么做了，但是当涉及到JSX语法时，它是无用的，并且不会真正启动：其他人建议在我的脚本中使用debugger;调

浏览 0提问于2015-10-07得票数 10

2回答

在react中可以用大括号{}编写的有效语法是什么？

javascript、reactjs

如果我在jsx中使用条件运算符(如{ var || var2 }、{ var && var2 } )，则会出现语法错误。我想要实现的是 return ( )我不想把它包装在<div>里任何使用jsx

浏览 0提问于2018-10-05得票数 1

回答已采纳

3回答

如何解决此React错误(Javascript)？

javascript、reactjs

/src/Card/Card.jsx语法错误:意外标记(5:19) 3 | > 5 | <div className-"card-container

浏览 26提问于2018-05-28得票数 -2

回答已采纳

1回答

无法在JSX中使用三元运算符嵌入重定向

reactjs、redirect、jsx、conditional-operator

我正在使用Firefox83.0，我试图编写一个基本的重定向使用react，但是每次我使用turnery运算符时，我都会得到一个错误，显示我使用了一个意外的标记"，“来代替"” 您可以在下面的屏幕截图中看到错误和相关代码

浏览 9提问于2020-12-04得票数 1

回答已采纳

1回答

在xCode中解决编译错误的问题

iphone

但它会给出以下错误：错误：'OTHER‘标记出现语法错误错误：'#‘标记出现语法错误致命

浏览 1提问于2009-12-01得票数 0

回答已采纳

1回答

在一个html标记中包含两个javascript代码: jsx语法问题

reactjs

在我的react组件中，我尝试使用返回的jsx代码进行渲染，但它不起作用(语法错误)： <button onClick={this.refresh} {isFetching && 'disabled'button> 以下是有效的(但不是我想要的)： <button onClick={this.refresh}>{isFetching && 'disabled'}Refresh</button> 为什么会出现这个语法错

浏览 9提问于2019-03-07得票数 0

回答已采纳

1回答

在我的React应用程序中添加第二页，无法读取.js文件错误

node.js、reactjs

我试图添加第二页到我的反应应用程序，而不安装任何新的插件或作出重大修改。SyntaxError:期望表达式，得到“<”学习更多的monsters.js:1import React from 'react',import A

浏览 5提问于2018-01-02得票数 0

回答已采纳

4回答

ReactJS.NET MVC教程不起作用吗？

javascript、reactjs、asp.net-mvc-5.2、reactjs.net

我进入了运行该项目的第一部分，由于JSX (浏览器似乎想将它解释为非常有意义的普通JavaScript )，我得到了一个语法错误。因此，我将type="text/jsx"添加到脚本标记中。总的来说，我的HTML/JSX如下所示：<!id="content"></div> <script src="http://fb.me/react-0.

浏览 0提问于2015-01-29得票数 7

回答已采纳

1回答

SyntaxError:位于0位置的JSON中的意外令牌<-react本机

react-native

android studio>与gradle files>clean项目同步在android上运行项目

浏览 4提问于2022-04-04得票数 0

1回答

函数在app.js中不起作用，但在index.html工作库中起作用

javascript、reactjs、newrelic

() { let script = document.createElement("script"); script.type = "text/jsx

浏览 41提问于2021-09-16得票数 1

2回答

ReactNative入门:屏幕导航

react-native、react-native-android、react-navigation

我是初学者，我开始了一个react原生项目，但我不知道如何解决我的问题。感谢您的帮助！ ? ? ? ? ? 

浏览 19提问于2019-12-07得票数 0

回答已采纳

3回答

这个语法错误是什么意思？

objective-c、iphone、xcode、syntax-error

我得到了3个语法错误：IBOutlet UITextView *fruitDescription“语法错误”之前的"{“标记”我的代码是“语法错误”之前的"{“标记”我的代码是有什么想法吗？

浏览 4提问于2009-07-12得票数 0

1回答

Webpack插件:在构建过程中捕获错误

webpack

我正在尝试写一个插件，可以连接到各种不同的webpack事件..我不能让插件连接到失败的模块事件中。构建模块和成功模块工作得很好。Plugin.prototype.apply = function(compiler) {

浏览 0提问于2015-05-16得票数 2

1回答

babel预设@babel/预设-react不喜欢我返回JS.X元素的javascript函数

javascript、webpack、babeljs

我有一个带有react导入的.js文件，函数返回如下所示的span标记： return <span>{prefix} {number问题是webpack给我的语法错误带来了意想不到的标记，显然这与JSX语法有关(返回一个span)。(js|jsx)$/, use: { loader: &

浏览 1提问于2019-09-14得票数 1

回答已采纳

点击加载更多