运行reactjs第一个代码后如何修复错误

Posted 2023-02-16

【中文标题】运行reactjs第一个代码后如何修复错误

【英文标题】：how to fix error after running reactjs first code

【发布时间】：2019-10-05 12:25:03

【问题描述】：

我是 reactjs 新手，尝试运行代码但显示错误。我没有得到有关此错误的正确解决方案。

我新安装了 reactjs ， node js 并第一次在 xampp localhost 上运行。我试过了

npm install @babel/core --> 这个安装了@babel/core 7.4.4

npm install babel-core --save-dev --> 将 babel/core 设置为 6.26

“名称”：“反应应用程序”， “版本”：“1.0.0”， “描述”： ””， “主”：“index.js”， “脚本”： "start": "webpack-dev-server --mode development --open --hot", "build": "webpack --mode 生产" , “作者”： ””， “许可证”：“ISC”， “依赖”： “反应”：“^16.8.6”， “反应域”：“^16.8.6”， "webpack": "^4.31.0", "webpack-cli": "^3.3.2", “webpack-dev-server”：“^3.4.1” , “开发依赖”： "@babel/core": "^7.4.4", "@babel/preset-env": "^7.4.4", "@babel/preset-react": "^7.0.0", "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "babel-preset-env": "^1.7.0", "babel-preset-react": "^6.24.1", “html-webpack-plugin”：“^3.2.0”

我已经从命令提示符运行 npm 命令来更新 babel/core 并期待升级，但每次都是相同的版本并显示错误。 highlighted area in image with blue color is main error to solve

【问题讨论】：

感谢任何人的帮助。谢谢

从 package.json 中移除 "babel-core": "^6.26.3" 并运行 npm install。为了避免这些配置问题，react 建议使用 create-react-app 来引导您的应用程序。

感谢您的快速响应。现在错误是未捕获错误：模块构建失败（来自./node_modules/babel-loader/lib/index.js）：错误：找不到模块'babel-core'

【参考方案1】：

你不能选择使用来自 cdn 的 react 吗？

https://reactjs.org/docs/cdn-links.html

你是一个菜鸟，我建议使用 cdn 和“chorme 网络服务器”，chorme 扩展。获得一些经验后，您可以跳转到节点的东西。