React新手菜鸟求助

#1

最近看视频学react，主要通过webpack配置，但是React.DOM里面使用标签出错，求各位大佬指导，同时也希望分享一下react入门的方法，满地打滚跪求一答。

#2

是因为 ReactDom 和 ReactDOM 两个地方不一样的问题吗？

#3

大意了，但是也不是这个原因，我改了，还是不得的就是</>斜杠后面的内容就变成黄色的了

#4

按你说的话应该是没有识别到 react 的 jsx 语法？是不是你没有 install babel-preset-react ?

还有你 webpack 的第一个 loader 设置，test: /\.js?$/ 匹配的是 .js 或者 .j，如果你的文件命名是 .jsx 就会有问题，一般是使用 test: /\.jsx?$/ 就可以匹配 .js 和 .jsx 了

#5

下课回来试了一下，还是不得，配置的时候好像出现问题了.或者我是不是要放弃webpack配置直接使用呢。

#6

想学习webpack配置可以看这个
webpack-简书
或者如果你着急学react的话你可以直接拷贝我项目的配置
redux-cnode

#7

好的谢谢

#8
#9

这个恐怕不是你写的代码的问题吧，你可以运行代码看下是不是正常。
此问题的原因是： sublime没有安装支持babel的插件

  1. 安装: ctrl+shift+p ----------> install package ----------> babel
  2. 配置: 打开菜单view，Syntax -> Open all with current extension as… -> Babel -> JavaScript (Babel)，选择babel为默认 javascript 打开syntax
#10

你这个是 你的编辑器没有支持 jsx 语法吧

1 Like
#11

这样啊，下载之后的确后面的没有变成黄色但是还是报错，也设置好了

#12

报什么错，错误截出来看看

#13

这样的

#14

这个是jslint检查的错误，可以忽略，你webpack运行一下看是否正常