第二节：使用IDEA创建React APP 并启动

前言

由于是从事后端开发，那么对IDEA开发工具“情有独钟”，本节就使用IDEA开发工具来创建一个my-app项目。

操作步骤

第一步：Create New Project

第二步：选择New Project React APP

**第三步：选择Finish **

第三步：开发工具配置npm启动

点击开始按钮，运行报错，信息如下：

song@u:~/XXXX$ yarn start
yarn start v0.27.5
$ react-scripts start
module.js:471throw err;^Error: Cannot find module '../scripts/start'at Function.Module._resolveFilename (module.js:469:15)at Function.resolve (internal/module.js:27:19)at Object.<anonymous> (/XXXXXXX/node_modules/.bin/react-scripts:30:25)at Module._compile (module.js:570:32)at Object.Module._extensions..js (module.js:579:10)at Module.load (module.js:487:32)at tryModuleLoad (module.js:446:12)at Function.Module._load (module.js:438:3)at Module.runMain (module.js:604:10)at run (bootstrap_node.js:389:7)
error Command failed with exit code 1.

解决方案：

在执行idea的启动按钮：

启动成功…

浏览器打开页面如下：

总结

遇到问题不要慌，最快的方法就是把错误信息贴到网上，会有相关的解决方法，例如：

第二节：使用IDEA创建React APP 并启动相关推荐

数据库第二节 sql表格创建及内容插入和查询
CREATE TABLE employee( empno INT, ename VARCHAR(10), job VARCHAR(10), mgr INT, hiredate DATE, sai DO ...
创建react项目并启动出现的报错及解决
一.预备知识:npm (也可以用yarn,本文以npm为例) npm介绍全称为Node Package Manager,是随同NodeJS一起安装的包管理工具. 允许用户从NPM服务器下载别人编写的 ...
如何使用Create React App DevOps自动化工作中所有无聊的部分
by James Y Rauhut 詹姆士·鲁豪(James Y Rauhut) 如何使用Create React App DevOps自动化工作中所有无聊的部分 (How I automate al ...
Vite 3.0 vs. Create React App：比较和迁移指南
Create React App (CRA) 在 React 社区及其整个生态系统的发展中发挥了关键作用. 在突发奇想构建本地 React 开发环境时,它是不同技能的开发人员的首选工具. CRA 拥有 ...
React 入门：使用 create-react-app 创建 react 17 版本的应用
自从 react 18 最近发布以来,你可能已经注意到最近我们使用 create-react-app 创建 React 应用都是 18 这个版本的. 但我们现在的学习这个视频教程中用的是 react ...
创建Vue脚手架并启动出现的报错及解决（总冠军版）
一.赛前准备准备工作与启动react脚手架不能说相同只能说一摸一样,具体可见创建react项目并启动出现的报错及解决. 二.正式比赛(勇士总冠军今天!!) 1.全局安装: npm install ...
react.js app_如何创建Next.js入门程序以轻松引导新的React App
react.js app Getting started with a new React app is easier than ever with frameworks like Next.js. ...
快速创建React Native App
告诉大家一个好消息,为大家精心准备的React Native视频教程发布了,大家现可以看视频学React Native了. 快速创建React Native App 查看最新的React Native ...
火云开发课堂 - 《使用Cocos2d-x 开发3D游戏》系列第二节:Cocos引擎开发环境搭建与项目创建!
<使用Cocos2d-x 开发3D游戏>系列在线课程第二节:Cocos引擎开发环境搭建与项目创建! 视频地址:http://edu.csdn.net/course/detail/1330 ...
react快速开始(二)-使用脚手架Create React App创建react应用
文章目录 react快速开始(二)-Create React App入门什么是Create React App 快速开始使用IDE webstrom创建react项目 create react a ...

第二节：使用IDEA创建React APP 并启动

前言

操作步骤

总结

第二节：使用IDEA创建React APP 并启动相关推荐

最新文章

热门文章