react启动jsx语法

刺骨的言语ヽ痛彻心扉 2021-12-14 03:07 280阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg0NzYyNg_size_16_color_FFFFFF_t_70]  
可能出现的问题

ERROR in ./src/index.js  
Module build failed (from ./node\_modules/\_babel-loader@8.0.6@babel-loader/lib/index.js):  
Error: Cannot find module ‘@babel/core’  
babel-loader@8 requires Babel 7.x (the package ‘@babel/core’). If you’d like to use Babel 6.x (‘babel-core’), you should install ‘babel-loader@7’.  
at Function.Module.\_resolveFilename (internal/modules/cjs/loader.js:636:15)  
at Function.Module.\_load (internal/modules/cjs/loader.js:562:25)  
at Module.require (internal/modules/cjs/loader.js:690:17)  
at require (internal/modules/cjs/helpers.js:25:18)  
at Object. (G:\\前端框架\\react\\01webpack-base\\node\_modules\_babel-loader@8.0.6@babel-loader\\lib\\index.js:10:11)  
at Module.\_compile (internal/modules/cjs/loader.js:776:30)  
at Object.Module.\_extensions…js (internal/modules/cjs/loader.js:787:10)  
at Module.load (internal/modules/cjs/loader.js:653:32)  
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)  
at Function.Module.\_load (internal/modules/cjs/loader.js:585:3)

解决方法：运行cnpm i babel-core babel-loader@7 babel-plugin-runtime -D
    参考文档：https://www.cnblogs.com/soyxiaobi/p/9554565.html

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg0NzYyNg_size_16_color_FFFFFF_t_70]: /images/20211213/bedc1896f86c4441a27c928eb3585232.png

发表评论取消回复

表情：

评论列表（有 0 条评论，280人围观）

还没有评论，来说两句吧...

相关阅读

相关 React基本概述、项目创建以及JSX语法

React React 概述 React简介项目搭建项目结构说明基本使用 JSX JS

r囧r小猫/ 2022年12月27日 01:54/ 0 赞/ 200 阅读

相关 React JSX语法解析过程和原理

项目中的用法 ReactDOM.render( <div> <h1>这是标题</h1> 今

た入场券/ 2022年11月09日 12:41/ 0 赞/ 130 阅读

相关 React —— 简介，虚拟DOM，JSX语法规则

React —— 简介，虚拟DOM，JSX语法规则 React —— 简介，虚拟DOM，JSX语法规则简介特点

绝地灬酷狼/ 2022年11月04日 13:26/ 0 赞/ 139 阅读

相关 React学习笔记一——JSX语法规则

> 之前看过两遍关于react基础的视频，每次看完感觉非常懂，但是过一段就会忘记，所以这次再学习自己会做一些笔记记录下来，方便日后的学习，如果对你有帮助，再好不过；通过以下

迈不过友情╰/ 2022年10月09日 00:34/ 0 赞/ 168 阅读

相关浅谈React的JSX语法（二）

1、JSX的新语法——展开属性如果事先知道组件需要的全部props（属性），可以列出；但如果事先不知道要设置哪些 props，最好不要设置它，原因有两个： ①　React

- 日理万妓/ 2022年06月17日 12:52/ 0 赞/ 201 阅读

相关浅谈React的JSX语法（一）

最好的解决方案是：通过JavaScript直接生成模板，然后去构建用户界面。为了使其变得更简单，有一个非常简单、可选的类似HTML的语法，通过函数调用即可生成模板的编译器

痛定思痛。/ 2022年06月17日 12:46/ 0 赞/ 171 阅读

相关 React（14）JSX 的一些语法说明

22、JSX 【1】标签名可以是对象的属性（前提对象属性是一个组件）这种情况下，对象和属性的首字母，可以不大写（但建议大写，以作区分） let MyDo

爱被打了一巴掌/ 2022年05月31日 08:09/ 0 赞/ 205 阅读

相关 react启动jsx语法

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

刺骨的言语ヽ痛彻心扉/ 2021年12月14日 03:07/ 0 赞/ 281 阅读

相关 React基础——JSX语法

JSX是React的核心组成部分，它使用XML标记的方式去直接声明界面，界面组件之间可以互相嵌套。可以理解为在JS中编写与XML类似的语言,一种定义带属性树结构（DOM结构）的

素颜马尾好姑娘i/ 2021年09月17日 01:56/ 0 赞/ 294 阅读

相关 react jsx语法

jsx语法 (1)遇到{}按照js语法解析,无<>时也按照js语法解析 (2)遇到<>按照html语法解析 (3)遍历时,每一个

ゝ一世哀愁。/ 2021年07月24日 15:17/ 0 赞/ 427 阅读