Build React with Webpack Exception unexpected token

最新推荐文章于 2022-03-30 11:49:12 发布

iteye_17336

最新推荐文章于 2022-03-30 11:49:12 发布

阅读量361

点赞数

CC 4.0 BY-SA版权

分类专栏： React webpack webstorm 文章标签： javascript webpack ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_17336/article/details/82676892

React webpack webstorm 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在React项目中遇到的JSX语法错误及其解决方案。主要问题是由于缺少必要的Babel插件导致无法将JSX转换为JavaScript。通过创建.babelrc配置文件并安装babel-plugin-transform-react-jsx插件来解决此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ERROR in ./app/main.js
Module build failed: SyntaxError: C:/Users/Yang/WebstormProjects/TestReact2/app/main.js: Unexpected token (6:13)

var React = require('react');
var AppComponent = require('./components/productBox.js');
React.render(<div><AppComponent/></div>, document.getElementById('content'))

This is because that babel can not tansform the react jsx to js

The revolution is :

1. ceate a file named .babelrc in project root

2. install npm install babel-plugin-transform-react-jsx

3. add code in .babelrc