第二节:使用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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章