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

前言

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

操作步骤

第一步：Create New Project

image.png

第二步：选择New Project React APP

image.png image.png

**第三步：选择Finish **

image.png image.png

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

image.png

image.png

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

song@u:~/XXXX$ yarn start
yarn start v0.27.5
$ react-scripts start
module.js:471
    throw 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.

解决方案：

image.png

在执行idea的启动按钮：

image.png

启动成功......

浏览器打开页面如下：

image.png

总结

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

image.png