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

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