由于公司的種種考慮腋逆,要求我在使用reac-native的基礎(chǔ)上侈贷,能夠在web端進行使用……我的心情……
總之,由于另外一波同期的項目組說淘寶的react-web很坑(我沒實際操作過不評價)撑蚌,
https://github.com/taobaofed/react-web
所以我采用了另外一種搏屑,嗯……開發(fā)方式。react-native-web中提供的'react-native-web-started'亮垫。
https://github.com/necolas/react-native-web
https://github.com/grabcode/react-native-web-starter.git
雖然github上說了一堆東西伟骨,但其實只需要把'react-native-web-started'的模板download下來,就可以嘗試運行了继蜡。打開編輯器逛腿,然后cd projectname ——>npm install ——> npm run dev三連擊。
接下來開始出現(xiàn)各種錯誤:
1碘举、npm不是可執(zhí)行的命令……
2雕凹、3000端口被占用了:
這兩個問題百度都能幫你解決政冻。
3线欲、然后是成功啟動了3000端口,你打開缺空白一片苦锨,讓我們查看一下輸出:
雖然我二級都沒過的英文看不懂具體什么意思趴泌,但我認識‘react’、‘react-dom’秃励。所以吉捶,我對react-dom進行重新install: yarn add react-dom(好吧,這個方法也是找出來的)币励。另外珊拼,其實這個問題在我們進行npm install 的時候已經(jīng)有警告了,所以對于命令窗口的每個警告最好都有一定的了解關(guān)注澎现。
如果運行成功的話昔头,在你會得到這個頁面:
到此為止,項目初步建立完成,接下來可以在本地服務(wù)器上開始嘗試進行開發(fā)了峻堰。