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

前言

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

操作步骤

第一步:Create New Project

第二节:使用IDEA创建React APP 并启动_第1张图片

第二步:选择New Project React APP

第二节:使用IDEA创建React APP 并启动_第2张图片

第二节:使用IDEA创建React APP 并启动_第3张图片

**第三步:选择Finish **

第二节:使用IDEA创建React APP 并启动_第4张图片

第二节:使用IDEA创建React APP 并启动_第5张图片

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

第二节:使用IDEA创建React APP 并启动_第6张图片

第二节:使用IDEA创建React APP 并启动_第7张图片

点击开始按钮,运行报错,信息如下:

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. (/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创建React APP 并启动_第8张图片

在执行idea的启动按钮:

第二节:使用IDEA创建React APP 并启动_第9张图片

启动成功…

浏览器打开页面如下:

第二节:使用IDEA创建React APP 并启动_第10张图片

总结

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

第二节:使用IDEA创建React APP 并启动_第11张图片

你可能感兴趣的:(React)