第二节:使用IDEA创建React APP 并启动
2020-03-20 本文已影响0人
IT实战联盟Lin
前言
由于是从事后端开发,那么对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