åºæ¬çã«ãæå°éã®ã»ããã¢ããã§æ¢åã®ãããžã§ã¯ãã®ã¯ããŒã³ãäœæãã yarn install
ãšnode node_modules/react-native/local-cli/cli.js run-ios
ã éå§ããŸããããããã«ãŒã¯æ¬¡ã®åé¡ã§å€±æããŸããã
error: bundling: UnableToResolveError: Unable to resolve module `AccessibilityInfo` from `/Users/phillipp/Work/***/***/node_modules/react-native/Libraries/react-native/react-native-implementation.js`: Module does not exist in the module map or in these directories:
/Users/phillipp/Work/***/***/node_modules/react-native/node_modules
, /Users/phillipp/Work/***/***/node_modules
/Users/phillipp/Work/***/***/node_modules/react-native/Libraries/react-native/react-native-implementation.js
ãã¡ã€ã«ã§get AccessibilityInfo() { return require('AccessibilityInfo'); },
ãèŠã€ããŸããããã©ããããããèŠæ±ããããããããŸããã RNã³ã¢ãªãã®ã®ããã§ãã
èå³ã®ãã人ã®ããã®package.json
ã¯æ¬¡ã®ãšããã§ãã
{
"name": "***",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"base64-js": "^1.2.0",
"react": "^16.0.0-alpha.6",
"react-native": "^0.44.0",
"react-native-ble-manager": "^3.2.0",
"react-native-checkbox": "^1.1.0",
"react-native-color-picker": "^0.2.1",
"react-native-drawer": "^2.3.0",
"react-native-dropdown": "0.0.6",
"react-native-image-picker": "^0.25.5",
"react-native-list-popover": "^1.0.5",
"react-native-modal-picker": "0.0.16",
"react-native-orientation": "^1.17.0",
"react-native-router-flux": "^3.37.0",
"react-native-selectbox": "^0.1.0",
"react-native-selection": "^1.3.5",
"react-native-selectme": "^1.2.3",
"react-native-sound": "^0.9.1",
"react-native-vector-icons": "^4.0.1"
},
"devDependencies": {
"babel-jest": "18.0.0",
"babel-preset-react-native": "1.9.1",
"jest": "18.1.0",
"react-test-renderer": "~15.4.0"
},
"jest": {
"preset": "react-native"
}
}
ç§ã¯ãã§ã«ã€ã³ã¿ãŒãããã§èŠã€ãããã¹ãŠãè©ŠããŸããïŒããŒãã¢ãžã¥ãŒã«ã®åã€ã³ã¹ããŒã«ãnpmãyarnãšwatchmanã®ãã£ãã·ã¥ã®ã¯ãªãŒãã³ã°ãtemp dirããã®reactãã¡ã€ã«ã®åé€ãªã©ïŒ
^0.44.0
ios
ããã§åãåé¡ã 2æ¥åã«äœæãããããžã§ã¯ãã¯ãŸã æ©èœããŠããŸãã ç§ãä»æ¥react-native init
äœæããæ°ãããããžã§ã¯ãã¯ããã§ã¯ãããŸããã ç§ã®å Žåãéãã¯ãreact-nativeããŒãžã§ã³ã0.44.0ãã0.44.2ã«ãªã£ãããšã§ãã æ°ãããããžã§ã¯ãã§ã¯ãpackage.jsonã®react-nativeããŒãžã§ã³ã0.44.0ã«å€æŽãããšãæ©èœããŸãã
initãå®è¡ããåŸãçªç¶åãåé¡ãçºçããŸãã... :-(
ããã§åãåé¡
ããã¯ãŸã åé€ããåŸã«çºçããnode_modules
å®è¡ãããã®åŸnpm install
ïŒ
@hramos
node_modulesãåé€ããŠåã€ã³ã¹ããŒã«ããããšããŸããããæ©èœããŸããã
@hramosããŒã ã¯ãŒã¯ã«æè¬ããŸãïŒ
æšæ¥ãreact-native-git-upgradeã䜿çšããŠãããžã§ã¯ãã0.44.0ãã0.44.1ã«ã¢ããã°ã¬ãŒãããŸãããåé¡ãããŸãããå®ç§ã§ãã ãããä»ãç§ã¯react-native-git-upgradeã䜿çšããŠãããžã§ã¯ãã0.44.1ãã0.44.2ã«ã¢ããã°ã¬ãŒãããŠããŸããåãåé¡ãããã«ãããŸãã
ç§ã¯ãreact-native0.44.1ãã0.44.2ãžã®ã¢ããã°ã¬ãŒãã®åé¡ã ãšæããŸã
ãã£ã¡ãäžç·ã ãããã0.44.2ãã0.44.1ã«ããŠã³ã°ã¬ãŒãããåŸãåé¡ã¯è§£æ¶ããããã¹ãŠãæ£åžžã«æ»ããŸããã
ãã£ã¡ãäžç·ã
ã¢ã³ããã€ãã§åããšã©ãŒ
ã¢ã³ããã€ãã§ãåãã§ãããnode_modulesãåé€ããŠåã€ã³ã¹ããŒã«ãããšæ©èœããŸãã
ãã£ã¡ãäžç·ã ããŒã ã®ã»ãŒå šå¡ããã®ãšã©ãŒã«æ©ãŸãããŠããŸããã
ãã£ã¡ãäžç·
ããã§ãåãã§ããã解決çã¯ãããŸããïŒ
ãã£ã¡ãäžç·
ç§ã¯v0.44.0ã«ããŠã³ã°ã¬ãŒããããã¹ãŠãæ£åžžã«æ©èœããŠããŸãã
@sirgalleto v0.44.0
ããŠã³ã°ã¬ãŒãããããšã解決çã«ãªããã©ããã¯ããããŸãããããã¯ã @ PhillippOhlandtã䜿çšããŠããããŒãžã§ã³ã ããã§ãã ç§ã¯ããããããã®ç·ã«æ²¿ã£ãäœãã§ããå¯èœæ§ããããšç¢ºä¿¡ããŠããŸãïŒ //github.com/aksonov/react-native-router-flux/issues/1904ããã¯react-native-router-flux
ããã±ãŒãžã®èŠä»¶ãå€æŽããã ãã§ãã
@ RohanVB ã @ sirgalleto 0.44.1ã«ç§»åããŠãã
@valinagaããã¯react-nativeããã±ãŒãžããŒãžã§ã³ã®åé¡ã§ã¯ãªããšæããŸã
çŸæç¹ã§ã¯ãrouter-fluxã®ãµããŒãã¯16.0.0-alpha.6ã«ã¯æ¡åŒµãããŠããŸããã
ãhttpãã¢ãžã¥ãŒã«ã§åãåé¡ãçºçããŠããŸãã ç§ã¯v0.44.0ã䜿çšããŠããŸã
åçŸãæ¯æŽããããã®è¿œå ã®è©³çŽ°ãæäŸããªãéãããç§ããã³ã¡ã³ããè¿œå ããªãã§ãã ããã 代ããã«ãåé¡ããµãã¹ã¯ã©ã€ãããŠãå ã®æçš¿ã«ãªã¢ã¯ã·ã§ã³ãè¿œå ããããšããå§ãããŸãã ããããšãïŒ
ãã£ã¡ãäžç·ã ãããã yarn
代ããã«npm
ã䜿çšãããšæ¶ããŸãã
@hramos人ã ã¯ãã®ãããªåé¡ã«ã€ããŠãããã¯ã®æèŠãè¡šçŸããããšããŠããã ãã ãšæããŸã:)
0.44.2
-> 0.44.3
ãããã®ã¢ããã°ã¬ãŒãããããããŸãã
ããã¯ã¡ããã©ç§ã«èµ·ãããŸããããããŠããã¯ç§ãããŒã8081ã§ãã³ã°ãããããŒããããã»ã¹ãæã£ãŠããŠãreactpackagerã®æ°ããã€ã³ã¹ã¿ã³ã¹ãéå§ããã®ã劚ããŠããããã§ãã ç§ã¯killall-9ããŒããå®è¡ãããã®åŸã¯åé¡ãããŸããã§ããã
ãreact-nativeãã«å€æŽããŸãïŒã0.44.0ãã
react-nativeãåé€ããåã€ã³ã¹ããŒã«ããŸãã
Thakns @ ne0fite
çŸåš0.45ã§ãããç¬èªã®åé¡ããããŸãïŒïŒ14246ïŒã ïŒ14246ãä¿®æ£ãããã®ãåŸ ã£ãŠããã0.45ã䜿çšããããšããå§ãããŸãã
ãreact-nativeãã®å®è¡äžã«åæ§ã®åé¡ãçºçããŠããŸããïŒã0.44.0ãã ããŒãã¢ãžã¥ãŒã«ãåé€ããŠåã€ã³ã¹ããŒã«ããã¿ãŒããã«ã§ãkillall -9 nodeããå®è¡ãããšããããžã§ã¯ããåã³å®è¡ãããŸãã
ã°ãããŠããããã«èãããŸãããã³ã³ãã¥ãŒã¿ãåèµ·åããããšã解決çãããããŸããïŒ
ããŒãžã§ã³ãå€æŽããŸããããåäœã«æ»ã£ãã®ã§ãããŒãžã§ã³ã«åé¡ãããå¯èœæ§ããããŸããã0.44.0ãã«æ»ã£ãŠãåã³åäœããŸããã
0.45.1ãå©çšå¯èœã«ãªããŸããã ããã0.45.1ã§ãåçŸãããŠãããã©ããã確èªã§ããŸããïŒ
ããã¯ã0.45.1ã§ããŸã ååšããŠããŸãã äžèšã®å šå¡ãšåãåçŸæé ã
å®éãããç°¡åãªãã¹ãã¯æ¬¡ã®ãšããã§ããæ°ãããã©ã«ããŒnpm install [email protected]
ã次ã«ã³ã³ãœãŒã«ãéããŠå®è¡ããŸãã
require('react-native').AccessibilityInfo
Error: Cannot find module 'AccessibilityInfo'
at Function.Module._resolveFilename (module.js:470:15)
at Function.Module._load (module.js:418:25)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at Object.get AccessibilityInfo [as AccessibilityInfo] (/Users/laika/x/node_modules/react-native/Libraries/react-native/react-native-implementation.js:19:36)
at repl:1:24
at ContextifyScript.Script.runInThisContext (vm.js:23:33)
at REPLServer.defaultEval (repl.js:339:29)
at bound (domain.js:280:14)
at REPLServer.runBound [as eval] (domain.js:293:12)
è€æ°ã®ãã·ã³/ç°å¢ã§åçŸã
ããã¯ããŸã£ããæ°ãããããžã§ã¯ãã§ã¯åçŸãããŸããã ç§ã¯ããè©ŠããïŒ
react-native init Test
cd Test
react-native run-ios
react-nativeããŒãžã§ã³ïŒ0.45.1
糞ããŒãžã§ã³ïŒ0.24.3
macOS SierraãXcode 8.3.3
ãŸãã0.42ã䜿çšããŠããå€ããããžã§ã¯ãã0.45.1ã䜿çšããããã«ã¢ããã°ã¬ãŒãããŸããããåé¡ãåçŸã§ããŸããã§ããã
ããã¯ãŸã 0.45.1ã§åçŸãããŠããŸã
åå¿ã§ããŸãã-ãã€ãã£ãã®initNewProjectãå€ããããžã§ã¯ãã®cocoapodsã§äœ¿çšããŠããŸãã
ããŒãžã§ã³ïŒ
react-native-cliïŒ2.0.1
react-nativeïŒ0.45.1
糞ïŒ0.24.5
macOS SierraãXcode 8.3.2
ãreact-nativeinitããæŒããŠãããreact-nativerun-iosããæŒããšãã·ãã¥ã¬ãŒã¿ãŒãèµ·åãããšãããç¥ãããŠãããšã©ãŒã¡ãã»ãŒãžã衚瀺ãããŸãïŒãã¢ãžã¥ãŒã«AccessibilyInfoãèŠã€ãããŸããã
ããŒãžã§ã³ïŒ
macOS Sierraã§ã¯ãreact-native 0.45.1
ç§ã¯ç§ãå©ããããšãã§ããã°ããã®ã«ãè¯ãä»äºãç¶ããŠãã ããïŒ
ç·šéïŒãã®ã¢ãžã¥ãŒã«ãå¿ èŠãªè¡ãåé€ãããšããããã¹ãŠãæ£åžžã«æ©èœããããã«ãªããŸããïŒNoobä¿®æ£ð
node_modulesãã©ã«ããŒãåé€ããŸãã
ããã§ïŒ
npm install
npm start -- --reset-cache
ç§ã®ããã«ãããä¿®æ£ããŸããã
[email protected]ãšnode @ latestã®ææ°ããŒãžã§ã³ã䜿çšããŠä¿®æ£ããŸãã...çç±ã¯ããããŸããããreact- nativeinitãæ©èœããããã«ãªããŸãã...
ãã®npmã®åé¡ã«é¢é£ããŠããã®ã§ã¯ãªãããšæããŸã
https://github.com/npm/npm/issues/16839#issuecomment -308809150
ç§ã¯ãªã¿ã¯ã§ã¯ãããŸãããããã®åé¡ã®è§£æ±ºã«äœã圹ç«ã£ããã誰ãã«æããŠããããŸããïŒ ç§ã¯è©ŠããŸããïŒ
ç§ã¯react-native0.44.3ã§å®è¡ããŠããŸã
ãã®åé¡ã解決ããæ¹æ³ãåŠã³ãããšæããŸãã ã©ããããããšã
// simone
@skalbfell @MehdiAlouafiãææããããã«ããã®è¡ãåé€ããŸããã
æåã«åé€ãããšãã¯æ©èœããŸãããã2åç®ïŒåŸ
ç§ãä¿¡ããå¥ã®äŸåé¢ä¿ãã€ã³ã¹ããŒã«ããïŒã¢ããªã¯ãŸã£ããåããã®ãã¹ããŒããŸã
ãšã©ãŒã..次ã®è¡ã«å¿
èŠãªããã±ãŒãžããããŸãïŒ
ããã¯npmã®åé¡ã§ãããåçŽãªnpmã®ã€ã³ã¹ããŒã«ã ãšæããŸãã
ãã®åŸã react-native @latestã¯ãã¹ãŠãåã³æ©èœãããŸã
-
Mehdi AL OUAFI
ããã³ããšã³ãéçºè
ãžã¥ãã¢
ãã©ã³ã¹ã»ããª
ããŒããã©ãªãªhttp://mehdialouafi.github.io/Portfolio/-Behance
https://www.behance.net/MehdiAlouafi/-Twitter
https://twitter.com/AMehdiW-LinkedIn
https://fr.linkedin.com/in/mehdi-alouafi-440529116
ããããŸããã ããã¯ééããªãããŒãžã§ã³0.44.2ã®åé¡ã§ã
0.44.0ã«ããŠã³ã°ã¬ãŒããããšãåã³æ©èœããŸãã
ã©ããããããšãïŒ // simone
0.45.1ã§ãåãåé¡ããããŸã
0.45.1ã§åã³ããããããã¢ããããŸããã
npmstartã§ä¿®æ£ããŸãã---- reset-cache
+1
ãããŠã0.44.3ãšåãã§ãïŒãããžã§ã¯ããã¯ãªãŒã³ã¢ããããnode_modulesãåé€ãããŠã©ãããã³ãŠã©ãããåé€ãããã£ãã·ã¥ã空ã«ããŸããïŒ
react-native init
ïŒRN 0.45.1ïŒã䜿çšããŠæ°ãããããžã§ã¯ããäœæããŠãåé¡ã¯ãããŸãããããããžã§ã¯ã0.45.1ã§ã¯ãŸã åé¡ããããŸãã ãããžã§ã¯ããã¯ãªãŒã³ã¢ãããããããã£ãã·ã¥ã空ã«ããããYarnã®ä»£ããã«NPMã䜿çšããããnode_modulesãåé€ãããã¯é¢ä¿ãããŸããã
äœãæ¡ãïŒ
@ãã¬ã³ãã³-ãªãŠã¹ç§ãããªãåé¡ã§ããšã©ãŒã解æ¶ãããªããã®ããããªããšåãåé¡ãæã£ãŠãããããããç§ã¯ãããžã§ã¯ãããããã«ããŠäœ¿çšããŠã¢ããã°ã¬ãŒããè¡ãreact-native-git-upgrade
ãšéæ³ã®ãã¹ãŠãäœæ¥ãéå§ãããšã©ãŒããªããªã£ãŠããïŒæ··ä¹±ããŸãïŒ
ããããã§ãã¯ããŠãã ããreact-native-git-upgrade
_ps _ïŒ [email protected]
ãã®ãã¹ãŠã®ã¢ããã€ã¹ã«åŸã£ãåŸãç§ã¯ãŸã ãããååŸããŠããŸãã react-native-git-upgradeãè©ŠããŸããã
ç§ã¯ãããã®ããŒãžã§ã³ã䜿çšããŠããŸãïŒ
"react": "^16.0.0-alpha.12",
"react-native": "^0.45.1",
äœãæ¡ã¯ïŒ å§ãŸã£ãã°ããã®ããã§ãã
npmã¢ãžã¥ãŒã«ãã©ã«ããŒãæ€çŽ¢ã§ããŸããïŒreact-nativeãã£ã¬ã¯ããªã¯
空㮠ïŒ
npmã䜿çšããŠ1ã€ã®ããŒãã¢ãžã¥ãŒã«ãã€ã³ã¹ããŒã«ããåŸãé±å±±ã¯ç©ºã§ãã
空ã®å Žåã¯ãnpm install --save react-native @ latestãå®è¡ããŠã¿ãŠãã ããã解決ããŸãã
ç§ã®ããã«lt
ããããšã@MehdiAlouafi ã ç§ã®ã¯ããŸãèŠããŸãïŒ
ls node_modules/react-native/Libraries/react-native
React.js react-native-implementation.js react-native-interface.js
babel-preset-react-native
ã2.0.0ãã1.9.1ã«ããŠã³ã°ã¬ãŒããããŸã§ãç§ãã¡ã®ããŒã ã¯ãã«ãã«å€±æããŠããŸããã babel-preset-react-native
ããŒãžã§ã³2.0.0ã§åé¡ã«ãªãå¯èœæ§ããããRNå
šäœã§ã¯åé¡ã«ãªããªãå¯èœæ§ããããŸãã
çŸåšäœ¿çšããŠãããã®ïŒ
"react": "16.0.0-alpha.12",
"react-native": "0.45.1",
ä»ã®ææ¡ããã解決çã¯ç§ã«ã¯ããŸããããŸããã§ããããããã¯
"react"ïŒ "^ 16.0.0-alpha.12"ã
"react-native"ïŒ "^ 0.45.1"ã
"^"èšå·ãåé€"react-native": "^0.45.1"
ãšå®è¡npm install
ç§ã®ããã«ä»äºã
react-native-fetch-blobïŒnbãåé¡ãšã¯äœã®é¢ä¿ããããŸããïŒãã€ã³ã¹ããŒã«ããåŸãåé¡ãåã³ãããã¢ããããŸãã tmpã®ã¯ãªãŒãã³ã°ããã£ãã·ã¥ã®ãªã»ãããnode_modulesã®åé€ã¯npminstallã§ã¯å¹æããããŸããã§ããã åé¡ã¯è§£æ±ºããŸããã§ããã ããããç§ã¯å€ãè¯ãMSWindowsã®æ²»çæ³ããã¹ãŠè©ŠããŸããïŒåé¡ãæ¶ããã®ã§ç§ã®ã©ãããããïŒããã¯Macã§ãïŒãåèµ·åããŸãã ãããã£ãŠããªãã·ã§ã³ãäžè¶³ããŠããå Žåã¯ãããã圹ç«ã€å¯èœæ§ããããŸãã ç§ã¯ç¢ºãã«ç§ã®ããã«ããã
䜿çšïŒ
"react"ïŒ "16.0.0-alpha.12"ã
"react-native"ïŒ "0.45.1"ã
--reset-cacheãã©ã°ã䜿çšããŠããã±ãŒãžã£ãŒãèµ·åãããšã次ã®ããã«ãªããŸããïŒ node node_modules/react-native/local-cli/cli.js start --reset-cache
åãåé¡ãæ±ããŠããŸãã æ°èŠã€ã³ã¹ããŒã«ãšæ¢åã®ã€ã³ã¹ããŒã«ã
iOSããŒãžã§ã³ãå®è¡ããŠããMacã§åäœããŸãã
AndroidãæèŒããWindowsã§ã¯ã次ã®ããã«ãªããŸãã
ãšã©ãŒïŒãã³ãã«ïŒUnableToResolveãšã©ãŒïŒã¢ãžã¥ãŒã«AccessibilityInfo
ã解決ã§ããŸãã
ç§ã¯äžãããã¹ãŠã®äŸãè©ŠããŸããã
node / npmã®åé€ãšã¢ã³ã€ã³ã¹ããŒã«ã
node_modulesãåé€ããŠåã€ã³ã¹ããŒã«ããŸãã
ãªã»ãããã£ãã·ã¥ããéå§
äœããªãã Windows + Androidã§ãšã©ãŒãåãé€ãããšãã§ããªãããã§ãã
䜿çšïŒ
npmïŒ '3.10.10'ã
ããŒãïŒ '6.11.0'ã
åå¿ïŒ'16 .0.0-alpha.12 'ã
react-nativeïŒ '0.45.1'
次ã«äœãè©Šãããšãã§ãããã«ã€ããŠã®ã¢ã€ãã¢ã¯ãããŸããïŒ æ¬åœã«ãããããã§ãã ã¢ã€ãã¢ãäžè¶³ããŠããŸãã
ä»æ¥ãåããšã©ãŒãçºçããŸãããreact-nativepackagerãæåã§å®è¡ããå Žå
npm run start -- --reset-cache
ãã³ãã«ãããŒããããšã衚瀺ãããŸã
This warning is caused by a <strong i="9">@providesModule</strong> declaration with the same name across two different files.
jest-haste-map: <strong i="10">@providesModule</strong> naming collision:
Duplicate module name: AccessibilityInfo
Paths: project/ios/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js collides with project/node_modules/react-native/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js
ä»ã®ãã€ãã£ãã¢ãžã¥ãŒã«ã§ãåããšã©ãŒãããããããã®ã§ã ios
ã®Libraries
ãã©ã«ããŒãåé€ãããã¹ãŠåèµ·åããã ãã§åé¡ãããŸããã
ã¢ãžã¥ãŒã«ãããžã§ã¯ãã®ãµããã©ã«ããŒã«æ°ããRNãããžã§ã¯ããäœæãã file:../
ã©ã€ãã©ãªã«ã¢ã¯ã»ã¹ããããšãããšãlinux / android / npmã§ãã®åé¡ãçºçããŸããã
ç·šéïŒæåŸã«ãæ°ããreact-native init
ãããšãæ©èœããããã«ãªããŸããã
ç·šé2 ïŒreact-nativeãäŸåé¢ä¿ããªãŒã«2åããããã ãšæããŸããããã¯ããããžã§ã¯ãã®ç¹å®ã®äŸåé¢ä¿ãããããã¢ãšããŠäœ¿çšããŠããããè² è·ãèããŠããããã«çºçããå¯èœæ§ããããŸãã
ãããç§ãã¡ã殺ããŠããŸãã 28æ¥ãš62ã®å¿çã®åŸã @ javacheãŸãã¯@davidaurelioã«ã¯ãä¿®æ£ã«é¢ããå¿çãŸãã¯etaããããŸããïŒ 1æéåã«ãªãªãŒã¹ããã0.9
facebook / metro-bundler @ b62669eãã©ãããããã圹ç«ã€ãšæã¯x'ed ...
@ nico2che Librariesãã©ã«ããŒã®åé€ã«æªåœ±é¿ãåãŒããŸãããïŒ ç§ã¯react-native-navigationã®ãããªããã±ãŒãžãã€ã³ã¹ããŒã«ããŠããŸãã ãããåé€ãããšåœ±é¿ãåããŸããïŒ ãããšããåæ§ç¯ãããã ãã§ããïŒ
ãŸããããã¯ç§ã®Mac + iOSãã«ãã«ã¯åœ±é¿ããŸããã ããã¯å®ç§ã«åäœããŸãã ããã¯ãWindows10ã§Androidãèµ·åããããšãããšãã§ãã
ãåèãŸã§ã«ïŒ
OS Xã§ã¯ãããã±ãŒãžã£ãŒããnpmstart--clear-cacheããšããŠå®è¡ããå Žåã«ã®ã¿ãã®åé¡ãçºçããŸãã
--clear-cacheåŒæ°ãåé€ãããšããããžã§ã¯ãã³ãŒãã¯æ£åžžã«å®è¡ãããŸãã
è©ŠããŠç¢ºèªããŸããã
Androidãå®è¡ããŠããWindowsã§ããnpmstartã䜿çšãã--clear-cache /-reset-cacheã®æç¡ã«ããããããšã©ãŒã衚瀺ãããŸãã
ã§ãã¢ã€ãã¢ãããããšãã
ããªãã¯ãWindows 10ã䜿çšããŠããã®ã§@ianataffinityããªãhttps://mobile.azure.comãïŒ ïŒçŸåšã¯ç¡æãªã®ã§ãè²»çšã¯ããããŸããïŒã 圌ãã®ãã°åºåã¯ãreact-nativeã®ã¹ããã¯ã®èµ€ãç»é¢ãããã¯ããã«åœ¹ç«ã€ããšãããã£ãã®ã§ãç§ã¯å°ããŸãã
jsãã¡ã€ã«ã®ååã'index.js'
ãã'index.ios.js'
å€æŽããã ãã§ä¿®æ£ããŸããã ãããŠã http://localhost:8081/index.ios.bundle
ããŒããããšãšã©ãŒããªããªããŸãã
@nandesuãã®1ã€ã«é ãäžããŠãããŠããããšãã ã¢ãã€ã«Azureã¯ããªãããã§ãã
ç§ã¯ãããããŸãçµ±åããŸããããã¯ã©ãã·ã¥ã¬ããŒãã¯ã©ããå±ããŠããŸããã ã¢ãžã¥ãŒã«AccessibilityInfo
ã解決ã§ããŸãããšãããšã©ãŒã衚瀺ãããèµ€ãç»é¢ã衚瀺ãããŠããããã§ãã
衚瀺ããããŸã§ã«åŸ ã¡æéããããããããŸããããããããããŸããã
@ nico2cheãšåããšã©ãŒãçºçããŠããŸãããã圌ãææ¡ãã解決çã§ã¯åé¡ã¯è§£æ±ºããŸããã§ããã 代ããã«ãhomebrewãä»ããŠnodeãšnpmãåã€ã³ã¹ããŒã«ããŸããããããã§åé¡ã¯å®å šã«ä¿®æ£ãããŸããã
ãããããã£ãããããªãã£ãããã±ãŒãžã£ãšã©ãŒ/äŸå€ã®ããã©ã«ãã®ãã£ãããªãŒã«ã«ãªã£ãŠããããã«èŠããŸãã RNã®ææ°ãªãªãŒã¹ã®ã©ããã§ããšã©ãŒãã£ããã¯ã©ã¹ãŸãã¯ãã©ã€ãã£ããã倱ããŸãããïŒ
åãåé¡ãçºçããŸããã rm -rf $TMPDIR/react-* && watchman watch-del-all && rm -rf ios/build/ModuleCache/* && rm -rf node_modules/ && yarn cache clean && yarn
ãçµããã
ãããŠreact-native link
å®è¡ããŸã
ç§ã¯åŸã
`RNFetchBlobãã§ãã¯ã¢ããªã®ããŒãžã§ã³..
RNFetchBlobãã¢ããªã®ããŒãžã§ã³ãæ€åº=> 0.44
Androidã®æš©éãè¿œå ãã=> false
0.9.4以éãreact-native-fetch-blobã¯Androidã®æš©éãèªåçã«è¿œå ããŸãããããã©ã«ãã®æš©éãè¿œå ããå Žåã¯ã次ã®ã³ãã³ããå®è¡ããŠãã ããã
RNFB_ANDROID_PERMISSIONS=true react-native link
`
RNFB_ANDROID_PERMISSIONS=true react-native link
è©ŠããŠã¿ãŠãã ãã
ããã¯ç§ãçŽããŸãã
ç§ããã°ããæéãè²»ãããã®ã¯ãAndroid Studioã§Androidã¢ããªãéããGradleãã¡ã€ã«ããããžã§ã¯ããšåæããŠããã«ãããçºçãããšã©ãŒã1ã€ãã€ä¿®æ£ããããšã§ãã
ããã«ã¯ã react-native link
ãšäžè¬çãªäŸå€ã䜿çšããå Žåã®ããã¹ãããŒãžããªã³ã¯ãããžã§ã¯ããå«ãŸããŠããŸããã
ãã«ããæ£ããè¡ããããããããã°ã¢ãŒãã§èµ·åããGenymotionã€ã³ã¹ã¿ã³ã¹ã«æ¥ç¶ããŠããããnpmstartããå®è¡ããŠããã±ãŒãžã£ãŒãèŠã€ããŸããã
ããã§ãã¹ãŠãããŸããã£ãããã§ãã
åãåé¡ããããç§ã®å Žåã2ã€ã®package.json
ãã¡ã€ã«ãã«ãŒããã£ã¬ã¯ããªã«ããããã1ã€ã¯android/
ã ãŸããã©ããããããã2ã»ããã®ããŒãã¢ãžã¥ãŒã«ãã€ã³ã¹ããŒã«ããããšãã§ããŸãã- node_modules/
ãšandroid/node_modules
ãã£ã¬ã¯ããªããããŸããã ç§ã®ä¿®æ£ã¯ã android/package.json
ãšandroid/node_modules
åé€ããããš
ç§ã«ãšã£ãŠããã€ãŒã³ã€ã³ã¹ããŒã«ãã¯æ©èœããŸããã§ãããç§ãããããšã¯æ¬¡ã®ãšããã§ãã
rm -fr node_modules /
npmã€ã³ã¹ããŒã«
ç§ã®å Žåãããã±ãŒãžã£ãŒã€ã³ã¹ã¿ã³ã¹ãèŠåãåºããŠããŸããã
ããã®èŠåã¯ã2ã€ã®ç°ãªããã¡ã€ã«ã«ãŸãããåãååã®@providesModule宣èšãåå ã§çºçããŸããã
ãã1ã€ã®çç¶ã¯ã require('AccessibilityInfo')
ã¹ããŒãã¡ã³ããreact-native-implementation.js
ã®require('../Components/AccessibilityInfo/AccessibilityInfo')
æ£ããããŒã«ã«ãã¹ã«ç·šéãããšããšã©ãŒã次ã®è¡ã«è¡šç€ºãããããšreact-native-implementation.js
ã
ãã¢ãžã¥ãŒã«ãActivityIndiââcatorãã解決ã§ããŸããã
ãããã£ãŠãç§ã®å Žåããããžã§ã¯ãã«react-native-paypal
ãã€ã³ã¹ããŒã«ããŸããã ãã®ã¢ãžã¥ãŒã«ã«ã¯ãç¬èªã®package.json
ãæã€ãµã³ãã«ãããžã§ã¯ãããããŸããããã®ãããžã§ã¯ãã§ã¯ã npm install
ãå®è¡ãã react-native
ã_its_ node_modules
ãã©ã«ããŒã«å«ãŸããŠããŸããã ãäŸïŒ
/my_project/node_modules/**react-native**
/my_project/node_modules/react-native-paypal/ios/Example/node_modules/**react-native**
ãã®æ·±ãnode_modules
ãã©ã«ããŒãåé€ãããšããã®åé¡ãä¿®æ£ãããŸããã
ããã誰ããå©ããããšãé¡ã£ãŠããŸãã
ç§ãã¡ã¯ã€ãã«ç¶æ³ã®åºã«å°éããŸããããããŠããã¯@pelotasplusã®å Žåã«çŸãããã®ãšäŒŒãŠãnode_modules
/ package.json
ã
ç§ãã¡ã®å Žåã react-native-photos-framework
ãšreact-native-svg
2ã€ã®ããã±ãŒãžã§åé¡ãèŠã€ãããŸããã ãããã®ããããã§ã AccessibilityInfo
äŸå€ã«ãã£ãŠãã¹ã¯ãããŠããéäºææ§ããããŸããã
åçãã¬ãŒã ã¯ãŒã¯ã§ã¯ãlibã¯ããã±ãŒãžprop-types
代ããã«Reactã®PropTypesã䜿çšããææ°ã®Babelããªã»ããã䜿çšããŠããŸããã svg libã§ã react-native
ãpeerDependencyãŸãã¯devDependencyã§ã¯ãªãäŸåé¢ä¿ãšããŠèª€ã£ãŠãªã¹ããããŠããŸãã ããªãã®react-nativeããã±ãŒãžã圌ãã®ãã®ãšäžèŽããªããšããnpmã¯ãã®äŸåé¢ä¿å
ã®ç°ãªãããŒãžã§ã³ã§node_modules
ãäœæããŸãããããŠããã¯ãã¹ãŠã®å°çã解ãæŸããããšãã§ãã
ãããreact-native-photos-framework
PRã§ãïŒolofd / react-native-photos-frameworkïŒ56
ãããŠã react-native-svg
ãã§ã«PRãéããŠããŸãïŒreact-native-community / react-native-svgïŒ360ããŸãã¯ãããèµ·ãããŸã§ç§ã®ãã©ãŒã¯ã䜿çšããŠãã ããïŒ //github.com/sjmueller/react-native-svg
ããã§ã®ç§ã®æåã®ã¢ããã€ã¹ã¯ãéæšæºã®react-native
/ babel
package.json
ã»ããã¢ããã®ãã¹ãŠã®äŸåé¢ä¿ã調ã¹ãããšã§ãã ãã¹ããããnode_modules
ã衚瀺ãããå Žåã¯ãããããããã€ãã®åé¡ãèŠã€ãããŸããã
ãã®ãã°ã«ééããŸããð
ç§ã¯çŸåšãããã®ããŒãžã§ã³ã䜿çšããŠããŸã
"react": "^16.0.0-alpha.12",
"react-native": "^0.45.1",
"react-native-cli": "^2.0.1"
@DevHossamHassanã¢ã«ãã¡ïŒã®ãããããã§ã¯ã^ãéšåããŒãžã§ã³ã䜿çšããªãã§ãã ããã
"react": "16.0.0-alpha.12",
"react-native": "0.45.1",
"react-native-cli": "^2.0.1"
ããïŒ ãã®ããããšã解決ããæ¹æ³ãç¥ã£ãŠãã人ã¯ããŸããïŒ
"react": "16.0.0-alpha.12",
"react-native": "0.45.1",
ç§ããã®æãããåé¡ã«ééããŸããã
"react": "16.0.0-alpha.12",
"react-native": "0.46.0",
ç§ã¯ã»ãšãã©ãã¹ãŠãåé€ããŸã.npm
.rncache
node_modules
....ãããããŸãæ©èœããŸããã§ãã
node_modulesãã©ã«ããŒã®1ã€ã®åäœããŒãžã§ã³ãšãåäœããŠããªãããŒãžã§ã³ããããŸãã åäœããŠãããã®ã¯å€ãïŒä»¥åã®ããŒãžã§ã³ããæŽæ°ãããŠããŸãïŒããããäžæ¹ã¯æ°ãããã§ãããããŸãã
diff --brief -r node_modulesnode_modules2ãå®è¡ããŸãã
node_modulesã¯æ©èœããŠããŸãã
node_modules2ãæ©èœããŠããŸã
åºåã¯æ¬¡ã®ãšããã§ãïŒ219è¡ïŒã
https://pastebin.com/BjACU7fT
0.45.1
-> 0.46.0
ããã¢ããã°ã¬ãŒãããŠããããããäžåºŠãããããŸããã ã¢ããã°ã¬ãŒããããã³ã«ãããæ»ã£ãŠããããã§ããããããã®éæ³ã®ããªãã¯ã®ã©ããããããªããã®ãããããŸããã
watchman watch-del-all
rm -rf node_modules/
yarn
rm -fr $TMPDIR/react-*
XCodeãããžã§ã¯ãã®ã¯ãªãŒãã³ã°
OSXãåèµ·åããŸãïŒç§ã¯ãããã°ãããŠããããã«èãããããšãç¥ã£ãŠããŸãããããã¯æåéãéå»ã«ããã解決ããŸãã...ïŒã
éåžžãäžèšã®ããã€ãã®çµã¿åãããæçµçã«åé¡ã解決ããŸãããæ°ãã0.46.0
ãªãªãŒã¹ã§ã¯ä»ã®ãšããäœãæ©èœããŠããŸããã
ç§ã¯äžæ¥äžããã«èŠåŽããŠããŠãã€ãã«äœããããŸãããããã«ãªããŸããã ç§ã¯react-native0.45.1ã䜿çšããŠããŠãåºæ¬çã«åäžã®äŸåé¢ä¿ãæã€æ°ããã¢ããªãæã£ãŠããŸããããã®ã¹ã¬ãã
çç±ã¯ããããŸãããã babel-plugin-idx
ã€ã³ã¹ããŒã«ãããšããã®åé¡ãä¿®æ£ãããŸããã
æåã«ãã©ã°ã€ã³ãã€ã³ã¹ããŒã«ããŸãã
yarn add babel-plugin-idx
次ã«ã .babelrc
æŽæ°ããŸãã
{
"presets": ["react-native"],
"plugins": ["idx"]
}
æåŸã«ãã¢ããªãèµ·åããŸã
react-native run-ios
ç§ã¯å®éã«ãäŸåé¢ä¿ãšããŠå éšã©ã€ãã©ãªã䜿çšããŠæ°ããReact-Nativeã¢ããªãäœæãããžã§ãã¬ãŒã¿ãŒãäœæããŠããŸããããã®ã©ã€ãã©ãªãè¿œå ãããšãäžèšã®ãšã©ãŒãçºçããŸãã ãã®ãã©ã°ã€ã³ãè¿œå ããããšã«ãã£ãŠã®ã¿ãå éšã©ã€ãã©ãªã®äœ¿çšãç¶è¡ã§ããŸãã ããã¯JSã®ã¿ã§ããããã€ãã£ãã³ãŒãã¯ãªããäŸåé¢ä¿ã¯ãªããdevDependenciesãšpeerDependenciesã®ã¿ã§ããããããã®ããã®node_modulesã¯ç©ºã«ãªããŸãã
ãã®è§£æ±ºçãèŠã€ããã®ã¯ãå®éã«TRANSFORM ERROR: UnableToResolveError: ...
ã衚瀺ãããŠããããšãããããããç§ãbabelrcãã¹ã«å°ããããšã«æ°ä»ããããã§ãã reactããã³/ãŸãã¯react-nativeã®babelããã³peerèŠä»¶ããŸãã¯ãã®ä»ã®äŸåé¢ä¿ã«åé¡ãããããã§ãããå®å
šã«ã¯ããããŸããã å°ãªããšãä»ã®ãšããããã®idxãã©ã°ã€ã³ã䜿çšãã0.45.1ã®åçŸæ§ã®ããå®å®ãããã«ãããããŸãã
0.43.3ãã0.46ã«ã¢ããã°ã¬ãŒãããããšããŠããŸããããã®ãšã©ãŒãçºçãç¶ããŸãã ç§ã¯ãã¹ãŠã®ã©ã€ãã©ãªã調ã¹ãŸããããpeerDependeciesãæ£ããé
眮ããŠããããšã«é¢ããŠã¯ããããã¯ç§ã«ã¯åé¡ãªãããã«èŠããŸãã ãŸããnode_modulesã§find node_modules -name "react-native*"
ãæ€çŽ¢ããŸãããããŸã OKã§ã¯ãªãããã±ãŒãžã¯è¡šç€ºãããŸããã§ããã ãã®ãã°ã¯ç§ãèç«ããå§ããŠããŸããç§ã¯ç©äºãã¢ããã°ã¬ãŒããããã§ãïŒ
ç§ã®äŸåé¢ä¿ã¯ããã«ãããŸãïŒ
"dependencies": {
"@mapbox/polyline": "^0.2.0",
"axios": "^0.15.3",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"better-npm-run": "0.0.14",
"moment": "^2.18.1",
"native-base": "^2.2.0",
"react": "16.0.0-alpha.4",
"react-native": "^0.46",
"react-native-easy-grid": "0.1.13",
"react-native-fabric": "^0.4.1",
"react-native-maps": "^0.15.3",
"react-native-vector-icons": "~4.1.1",
"react-navigation": "^1.0.0-beta.11",
"react-redux": "^5.0.3",
"react-router-redux": "^4.0.8",
"redux": "^3.6.0",
"redux-devtools-extension": "^2.13.0",
"redux-logger": "^2.8.2",
"redux-saga": "^0.14.3",
"stacktrace-js": "^2.0.0",
"url-parse": "^1.1.9"
},
"devDependencies": {
"babel-eslint": "^7.2.3",
"babel-jest": "18.0.0",
"babel-plugin-module-resolver": "^2.7.0",
"babel-preset-react-native": "^2.0.0",
"eslint": "^3.19.0",
"eslint-config-airbnb": "^14.1.0",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-react": "^7.0.1",
"eslint-watch": "^3.1.0",
"jest": "18.1.0",
"jsx-control-statements": "^3.2.5",
"react-test-renderer": "15.4.2",
"reactotron-react-native": "^1.10.0",
"reactotron-redux": "^1.10.0",
"reactotron-redux-saga": "^1.10.0",
"source-map": "^0.5.6",
"wml": "0.0.82"
},
"jest": {
"preset": "react-native"
}
ç§ã¯ãã®åé¡ãæ±ããŠããŸããã次ã®æé ãæ°åè©ŠããåŸãä»ã¯åé¡ãããŸãã
1ïŒnode_moduleãã©ã«ããŒãåé€ããŸã
2ïŒãnpminstallã
3ïŒãcdandroidã次ã«ã./gradlewcleanã
4ïŒãnpmstart --- clearcacheã
5ïŒåæ§ç¯
ç§ã®äŸåé¢ä¿
"dependencies": {
"react": "16.0.0-alpha.12",
"react-native": "0.45.1",
"react-native-button": "^2.0.0",
"react-native-camera": "git+https://github.com/lwansbrough/react-native-camera.git",
"react-native-camera-roll-picker": "^1.1.9",
"react-native-maps": "0.15.0",
"react-native-responsive-image": "^2.1.0",
"react-navigation": "git+https://github.com/react-community/react-navigation.git"
},
"devDependencies": {
"babel-jest": "20.0.3",
"babel-preset-react-native": "2.0.0",
"jest": "20.0.4",
"react-test-renderer": "16.0.0-alpha.12"
},
"jest": {
"preset": "react-native"
}
sudoreact-ãã€ãã£ãã¹ã¿ãŒã
ããã§
react-native run-ios || run-android
ð
@jmullingsã¯ã
sudo npm start
react-native run-ios
ããŒãããã±ãŒãžã£ãåé¡ãåŒãèµ·ãããŠããããã«èŠããŸãããïŒ
ãã ã®åå¿è ã§ãããããã¯ç§ã«ãšã£ãŠã¯ããŸããããŸããã
ç§ã«ãšã£ãŠå¯äžå€ãã£ãã®ã¯ã sudo
react-native start
ãå®è¡ãããšãã«æ©èœããããšã§ãã
ç§ã¯Windowsã䜿çšããŠãããããsudoã§å®è¡ã§ããŸããã 管çè ãšäžç·ã«ã³ã³ãœãŒã«ãå®è¡ããŸã
ä»æ¥ç§ããã®ãšã©ãŒããããŸã
Loading dependency graph, done.
error: bundling: UnableToResolveError: Unable to resolve module `AccessibilityInfo` from `D:\iosReactTest2\node_modules\react-native\Libraries\react-native\react-native-implementation.js`: Module does not exist in the module map or in these directories: D:\iosReactTest2\node_modules\react-native\node_modules, D:\iosReactTest2\node_modules
äžèšã®è§£æ±ºçãè©ŠããŸããããäœãæ©èœããŸãã...
ç§ã®package.json
{
"name": "iosReactTest2",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"native-base": "^2.2.1",
"react": "^16.0.0-alpha.12",
"react-native": "^0.45.1",
"react-native-button": "^2.0.0",
"react-native-camera": "git+https://github.com/lwansbrough/react-native-camera.git",
"react-native-camera-roll-picker": "^1.1.9",
"react-native-maps": "0.15.0",
"react-native-material-ui": "^1.12.0",
"react-native-responsive-image": "^2.1.0",
"react-native-side-menu": "^0.20.3",
"react-native-vector-icons": "^4.2.0",
"react-navigation": "git+https://github.com/react-community/react-navigation.git"
},
"devDependencies": {
"babel-jest": "20.0.3",
"babel-preset-react-native": "2.0.0",
"jest": "20.0.4",
"react-test-renderer": "16.0.0-alpha.12"
},
"jest": {
"preset": "react-native"
}
}
èœã¡çããŠyarn install babel-preset-react-native-stage-0
ãå®è¡ããŸã
ïŒnpmã䜿çšããŠããå Žåã¯npm install babel-preset-react-native-stage-0
ïŒ
react-native start -- --reset-cache
react-native run-ios
react-native run-android
ããã§ããããåé¡ã解決ããŸããã ãããä»ã®èª°ãã®ããã«åããã©ãã確èªããŠãã ããã
react-native initãå®è¡ããŠãããããã€ãã®äŸåé¢ä¿ãnpm install
ãããã³ã«ããã®ãã°ãçºçããŸããã 代ããã«yarn add
ã䜿çšããããã«åãæ¿ããããšããŸãããããã¹ãŠæ£åžžã«åäœããŸãã
ããæç¹ã§ãäžèšã®ããã€ãã®è§£æ±ºçãç§ã®ããã«æ©èœããŸããïŒããšãã°ã rm .babelrc
解決çïŒããããã¯åžžã«npm install
ã«ãã£ãŠããªã¬ãŒãããŸããã
ç§ã¯ãããnpmã®åé¡ã ãšæããŸã...ç§ã®ã¯ãªã¢-Windowsçšã®
"reset1": "rimraf \"%userprofile%/AppData/Roaming/npm-cache/*\""
"reset2": "rimraf \"%userprofile%/AppData/Local/Temp/react-*\""
"reset3": "rimraf \"%userprofile%/AppData/Local/Temp/npm-*\""
"reset4": "rimraf node_modules"
"reset5": "npm cache clean"
"reset6": "npm i"
"reset7": "node node_modules/react-native/local-cli/cli.js start --reset-cache"
"test-exp-start": "exp start --clear"
@sjmuellerã¯æ£ããã§ãã éäºææ§ã®åé¡ã¯ãAccessibilityInfoäŸå€ã«ãã£ãŠãã¹ã¯ãããŸãã ç§ãã¡ã«ãšã£ãŠãreact-native-pathjs-chartsã§å¿ èŠãšãããã®ã¯React Native SVG5.2ã§ããã React Native SVGã5.3ã«ã¢ããã°ã¬ãŒããããšãåé¡ã解決ããŸãã
ããã§ããã®åé¡ãçºçããå Žåã¯ãRN SVG5.2ã®äŸåé¢ä¿ãæ¢ããŠã¿ãŠãã ããã ããã§ãåé¡ãèŠã€ãããªãå Žåã¯ãããã€ãã®äŸåé¢ä¿ãåé€ããŠãåå ãèŠã€ãããŸã§æ¬¡ã®ã³ãã³ããå®è¡ããŠã¿ãŠãã ããã
watchman watch-del-all && rm -rf node_modules && npm install && rm -fr $ TMPDIR / react- * && npm start --- reset-cache
ç§ã¯ãã®ã¹ã¬ããããèãããããã¹ãŠã®ææ¡ãè©ŠããŸããããäœãããŸããããŸããã§ããã
ããŸããã£ã解決çã¯ããããžã§ã¯ããå¥ã®ãã©ã«ããŒåã«è€è£œãããã¹ãŠãåã€ã³ã¹ããŒã«ããããšã§ããã
äœããã®çç±ã§ãç§ã®Macã«ã¯ãäžèšã®ã³ãã³ããã¯ãªãŒã³ã¢ããããªããã£ãã·ã¥ãããããããžã§ã¯ãã®ååãã©ããã«ããã¯ãã§ã...ïŒyarn / nodeãåèµ·åããŠåã€ã³ã¹ããŒã«ããŠãæ©èœããŸããã§ããïŒ
ãããè©ŠããŠãã ããïŒ$ TMPDIR / react- *ãšãã¡ã€ã«$ TMPDIR / haste-map-react-native-packager- *ã®äž¡æ¹ãåé€ããŸã
$ rm -rf $TMPDIR/react-* && rm $TMPDIR/haste-map-react-native-packager-*
sudoã䜿çšããŠå®è¡ããããšã§äžéšã®äººã«æ©èœããçç±ã¯ãå¥ã®$ TMPDIRã䜿çšããå¯èœæ§ããããããhaste-map ...ãã¡ã€ã«ãåäœæããå¿ èŠãããããã ãšæããŸãã
@kensongooããããããã®åé¡ãããããšã確èªãããŠããäŸåé¢ä¿ã®ãªã¹ããã³ã³ãã€ã«ããããšãã§ããŸãã node_modulesã«react-native-svgã衚瀺ããããä»ã®ãšããéããªã容çè ã®äŸåé¢ä¿ã調ã¹ãŠããŸã...ãã ããæªããã®ãç¹å®ããããã®ãã³ããããã ããã°å¹žãã§ãã ãããšããæªããã®ãèå¥ããã¹ã¯ãªããã§ããïŒ
@ricardosasilvaã®ãœãªã¥ãŒã·ã§ã³ã¯ç§ã«ã¯ããŸã@kensongooã®ãœãªã¥ãŒã·ã§ã³ã®ã·ã§ã«ã¹ã¯ãªããããããŸãã React Nativeã®ææ°ã®å®å®ãããªãªãŒã¹ã§ãã0.46.3ã§ã¯ããã®ãã°ã¯15ã20åããšã«çºçããJava以äžã®é床ãžã®éçºãé ããªãããã§ãã
äŸåé¢ä¿ãæ©èœãããŸã§ãäŸåé¢ä¿ã1ã€ãã€ææ°ããŒãžã§ã³ã«ã¢ããã°ã¬ãŒãããããšã§ããããžã§ã¯ããä¿®æ£ããããšãã§ããŸããã ç§ã«ãšã£ãŠãç¯äººã¯ã«ãŒã¿ãŒã§ãã
æé ã¯æ¬¡ã®ãšããã§ãyarn upgrade someLib
ãã¹ãŠããããã«ãã
建ãŠã
ããããç¹°ãè¿ããŸã
ç·šéïŒã©ã€ãã©ãªã®äŸåé¢ä¿ãã^
ããŒã¯ãåé€ããŠãæ£ç¢ºãªããŒãžã§ã³ãã€ã³ã¹ããŒã«ããå¿
èŠãããå ŽåããããŸããã€ãŸãã someLib: ^0.5.1
-> someLib: 0.5.1
@ywongwebã®ãœãªã¥ãŒã·ã§ã³ã䜿çšããŠãã®åé¡ã解決ãããã¹ãŠã®äŸåé¢ä¿ãã¢ããã°ã¬ãŒãããã ãã§æ©èœããŸãã
// first upgrade react-native
$ react-native-git-upgrade
// second upgrade dependencies
$ yarn upgrade
initãå®è¡ãããšããããã®ãšã©ãŒãçºçããŸããã
è©ŠããŠã¿ãŸãã
//æåã®ã¢ããã°ã¬ãŒãreact-native
$ react-native-git-upgrade
ãš
// 2çªç®ã®ã¢ããã°ã¬ãŒãã®äŸåé¢ä¿
$糞ã®ã¢ããã°ã¬ãŒã
éåžžã®ãªã»ãããã£ãã·ã¥ãªã©ãšåæ§ã«ãã¢ãžã¥ãŒã«AccessibilityInfo
ã解決ã§ããŸãã
@johngorenç¯äººãèŠã€ããæ¹æ³ã¯ã¡ãã£ãšã°ãããŠããŸãããããã°ãèŠã€ãããªãã£ãã®ã§å¿ èŠã§ãããæçšãªãã³ããåŸãããŸããã ãããžã§ã¯ããå¥ã®ãã£ã¬ã¯ããªã«è€è£œããåå ã§ãããšæãããã¢ãžã¥ãŒã«ã1ã€ãã€åé€ããåé¡ããªããªããŸã§ä»¥äžã®ã¹ã¯ãªããïŒä»¥åã«æçš¿ãããã®ãšåãïŒãå®è¡ããŸããã RN-SVGã«å ããŠãå€ãããŒãžã§ã³ã®RNã®éçºäŸåæ§ãæã€ã¢ãžã¥ãŒã«ãæ¢ããŠã¿ãŠãã ããã 幞éãïŒ
watchman watch-del-all && rm -rf node_modules && npm install && rm -fr $TMPDIR/react-* && npm start -- --reset-cache
RN 0.46.4
ã¯ããŸããã§ããð
"react-native": "0.47.0-rc.4",
ã§ãåãããšãèµ·ãããåé¿çã¯æ©èœããŠããŸããïŒ/
0.46.4
ã»ãšãã©ä¿®æ£ãããŸããããä»æãšã©ãŒãè¿ãããŸããããããã¯ææ°ããŒãžã§ã³ã®react-native-firebase
ã«ã¢ããã°ã¬ãŒããããšãã ã
æŽæ°ãŸãã¯åé¿çã¯ãããŸããïŒ ç§ã¯åãåé¡ãæ±ããŠããŸã
ç§ã¯åãåé¡ãæ±ããŠããŸãã ç§ã¯äººçã§ããã€ãã£ãåå¿ã®ãããªå€ãã®åé¡ãæ±ãããããžã§ã¯ããèŠãããšããããŸããã ãã©ãŒïŒïŒïŒïŒïŒïŒ
0.44.0ã«ããŠã³ã°ã¬ãŒãããŠãããnode_modulesãåé€ããnpmã®ã€ã³ã¹ããŒã«ãè¡ããŸããã ãã®åŸãåäœãéå§ããŸãã
0.44.0ã«ããŠã³ã°ã¬ãŒãããåŸãReactPropTypesã解決ã§ããŸããã§ããã ãããããã®ããŒãžã¯ç§ã®åé¡ã解決ããŸããã
ç§ã¯ããã«ã»ãŒ2æ¥éç«ã¡åŸçããŠããŸãã 以åç§ã®ããã«åããŠãã0.41.2ã«æ»ããŸããã 0.44.xã®ãããªèšåãããããŒãžã§ã³ã¯ã©ããæ©èœããŸããã§ããã
ç§ã¯ã³ãŒããæžãããããã®åé¡ã®ãããã°ã«å€ãã®æéãè²»ãããŸããã æ£åŒãªåçã¯åŸãããŸããïŒ
ç§ã¯çŸåš"react-native": "0.46.1"
ã䜿çšããŠããŸãããã®ãã°ãçºçãããããyarnã«åãæ¿ããŠãããåé¡ãçºçããªããªããŸããã çŸåšnpm5ã®åé¡ã®äžéšã¯ãã€ã³ã¹ããŒã«ããã»ã¹äžã«åé€ãããäŸåé¢ä¿ã«é¢é£ããŠããå Žåã§ããnpmã«ãªã³ã¯ãããŠããå ŽåãšãããŠããªãå ŽåããããŸãã
package.jsonã«æ°ããããã±ãŒãžãè¿œå ãããšãã«ããã®åé¡ãçºçããŸããã
https://www.npmjs.com/package/react-native-swipe-hidden-header
ãã®ããã±ãŒãžãåé€ãããšãåé¡ã¯è§£æ±ºããŸãã ãã§ãã¯ããŠã¿ããã£ãã®ã§ãåé€ããããåŸãªããªã£ãŠæ²ãããªããŸããã
@RyderMSããã¯éèŠãªæ å ±ã§ãããäžéšã®ãµãŒãããŒãã£ã©ã€ãã©ãªãšã®äºææ§ã®åé¡ã§ãã£ãŠããåé¡ã®åå ãšãªã£ãŠããã©ã€ãã©ãªãç¹å®ããã«ã¯ãå°ãªããšãããé©åãªãšã©ãŒã®èª¬æãå¿ èŠã ãšæããŸãã
ç§ã®ãããžã§ã¯ãã§ã¯ãRNãµãŒãããŒãã£ã©ã€ãã©ãªã®åœ¢åŒã§8ã€ã®éèŠãªäŸåé¢ä¿ããããããããã¹ãŠãçªç¶åé€ããããšã¯ã§ããŸããã
ç§ã«ãšã£ãŠã¯@ricardosasilvaããã®åçãä»äºãããŸããïŒ haste-map
åé€ããã®ãã³ãã§ããïŒ ããããšãããããŸããïŒ
@ywongwebã®ãœãªã¥ãŒã·ã§ã³ãç§ã®ããã«åãããšã確èªããŠãã ããã
npmãã£ãã·ã¥ã®ã¯ãªã¢ããŠã©ãããã³ã®ãªã»ãããªã©ããã以å€ã®ãã¹ãŠã®ãœãªã¥ãŒã·ã§ã³ãè©ŠããŸãããããããæåŸã«yarn upgrade
ãå®è¡ãããšããããã°ã«ã¯ã npm install
ã䜿çšããŠãããšããšæ¯èŒããŠããã€ãã®æ°ããã¢ãžã¥ãŒã«ãè¿œå ãããããšã瀺ãããŠããŸãã
糞ã¯ã¢ãžã¥ãŒã«ãèŠã€ããã®ã«ããã€ãã®éãããããããããªããšæããŸãã ããããç§ã¯ãŸã npm install
ãããã«åãçµãããšãã§ããããšãé¡ã£ãŠããŸãã ããã解決ãããåã«ãææžã§ææããã»ãããããšæããŸãã
ããã«ã¡ã¯ã¿ããªã¯ç§ã®ããã«åããããšãå ±æãããã£ãã ãã§ãã å芧äŒãå©çšããŠããŸãã ãã¹ãŠã®node_modulesãnpm installãreset-cacheãrestarted expo serverãåé€ããŸããããŸããexpoãæŽæ°ããŸãããããŒãžã§ã³ã1ã€é ããŠãããšæããŸãïŒé¢é£ããŠããå Žåãšé¢é£ããŠããªãå ŽåããããŸãïŒã é 匵ã£ãŠãã ããïŒ
ç§ã®ããã«åããŠããªãhttps://github.com/facebook/react-native/issues/15256
Facebookã®åŸæ¥å¡ãå©ããŠãã ãã
åé¡ã¯æããã«ãµãŒãããŒãã£ã®ã¢ãžã¥ãŒã«ã«é¢ããããã€ãã®åé¡ã§ãã ããããçŽäºã¯æ£ç¢ºã«ã¯äœã§ããïŒ åé¡ãäœã§ããããç¥ã£ãŠããã°ã䜿çšããããããã®ã¢ãžã¥ãŒã«ã«åãã§ããããåœãŠãããšæããŸãã
ç§ã¯åé¡ãèŠã€ãããšæããŸãã
ã€ã³ããŒããããéè€ã¢ãžã¥ãŒã«ãããå Žåã«çºçããããã§ãã ããã¯ããµãŒãããŒãã£ã®npmã«ãµã³ãã«ãããžã§ã¯ããå«ãŸããŠããå Žåã«æãäžè¬çãŸãã ããšãã°ããã®NPM https://github.com/invertase/react-native-firebaseã«ã¯ããã£ã¬ã¯ããªexample/demo
ãŸãã
äžæçãªåé¿çãšããŠã node_modules
å
ã®ãããã®ãµã³ãã«ãã©ã«ããŒãæåã§åé€ã§ããŸãããå®éã®è§£æ±ºçã¯ããµã³ãã«ãããžã§ã¯ããé
åžããªãããã«npmã«ããããé©çšããããšã§ãã
ç·ãç§ã¯ã¢ããã°ã¬ãŒããå«ãã§ãã ãããè¡ãã®ã«äœæéãã¯ã©ã€ã¢ã³ãã«è«æ±ããå¿ èŠã¯ãªãã¯ãã§ãããããããŸãã
ç§ã¯4æéãããŠè§£æ±ºçãè©Šããæ€çŽ¢ããŸãã...çµæã¯ãããŸãã
ããã¯é çã®çš®ã§ãðãåæ°ã¯ãã€ãã£ãããŒã ã«åå¿ããŸã
ãã¹ãŠã®äŸåé¢ä¿ã1ã€ãã€ã€ã³ã¹ããŒã«ããããšããç§ã«ãšã£ãŠæå¹ãªå¯äžã®ããšã®ããã§ãã
ãããžã§ã¯ããªããžããªã®ã¯ããŒã³ãäœæããŠïŒãŸãã¯node_modulesãåé€ããŠïŒãnpmãŸãã¯yarnã«äŸåé¢ä¿ãèªåçã«ã€ã³ã¹ããŒã«ããããšãåžžã«ãã®ãšã©ãŒãçºçããŸãã
ãã®åé¡ãåé¿ããæ¹æ³ãèŠã€ããããã«å€ãã®æéãè²»ãããŠããŸããããå°ãªããšãç§ã¯ä»ãããåŠçããæ¹æ³ãç¥ã£ãŠãããšæããŸãã
ããã¿ããª@kensongooã¡ãœãããåããã å¿ ããã·ã³ãåèµ·åããŠãã ãããåèµ·åããªããšããšã©ãŒã解決ããŸããã
ãã·ã³ãåèµ·åãããããã£ãã·ã¥ãã¯ãªã¢ãããããŠããäœãèµ·ãããŸããã
RN 47ã«ã¢ããã°ã¬ãŒããããšããã«ãã1ãæ倱æããåŸããããä¿®æ£ãããŸããã ããªããããããç«å Žã«ãããªããç§ã¯ã¢ããã°ã¬ãŒãããããšããå§ãããŸãã
ããããšãã @ HillSny ããã§ãã¯ããŸã
ããã¯ãäžéšã®ã¢ãžã¥ãŒã«ïŒç§ã®å Žåã¯react-native-router-flux
ïŒãç¬èªã®node_modules
ãã©ã«ããŒã«å¥ã®react-nativeããŒãžã§ã³ãã€ã³ã¹ããŒã«ãããšãã«çºçããŸãã
ãŸããå®å
šã®ããã«ãæ žãªãã·ã§ã³ãè©ŠããŸããã
watchman watch-del-all && rm -rf node_modules && npm install && rm -fr $TMPDIR/react-* && npm start -- --reset-cache
ããã±ãŒãžã£ãå®è¡ãããšãäžé£ã®ãšã©ãŒã¯äœãããŸã ééã£ãŠããããšã瀺ããŠããŸããã äŸãã°ïŒ
Loading dependency graph...
jest-haste-map: <strong i="14">@providesModule</strong> naming collision:
Duplicate module name: ReactUpdateQueue
node_modules
ãã©ã«ããŒã§ReactUpdateQueue
ãæ€çŽ¢ãããšãããç¬èªã®node_modules
è¿œå ã®react-native
ã€ã³ã¹ããŒã«ãããŠããã¢ãžã¥ãŒã«ãèŠã€ãããŸããã
ããã§ãæåŸã«ã node_modules\react-native-router-flux\node_modules
ããreact-native
ãã©ã«ããŒãåé€ããŸãããããã«ãããåé¡ãä¿®æ£ãããŸããïŒããŸããŸãªã¢ãžã¥ãŒã«ãã¢ããã°ã¬ãŒãããããšã決å®ãããŸã§ïŒã
ç§ã¯ãã®ã³ãããã®åŸã§watchman ...
ã³ãã³ãå
šäœãå®è¡ããŸãïŒã æ¬åœã«å¥åŠãªãã®ã ä»ã«äœãèãã¯ãããŸããïŒ
ããŒã6ã7ãããã³8ãnpm 3ã4ãããã³5ã§ãè©ŠããŠã¿ãŸãããã³ã³ãã§åé¡ãä¿®æ£ãããããšããããŸããã
åè«ãã¹ããå®è¡ããŠãããšãã«çºçããçªç¶çºçãå§ããŸããã
G:\www\react-native-stager>npm ls --depth=0
[email protected] G:\www\react-native-stager
+-- @types/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- [email protected]
+-- [email protected]
+-- UNMET PEER DEPENDENCY [email protected]
+-- [email protected]
+-- [email protected]
`-- [email protected]
ãã®åé¡ã¯ããã·ã³ãUbuntuãµãŒããŒããããŒã«ã«Macã«å€æŽãããšãã«ãéæ³ã®ããã«æ¶ããŸããã çç±ã¯å šç¶ããããªãã ããŒãã®ããŒãžã§ã³ã¯ãäž¡æ¹ã®ãã·ã³6.11.2ãnpm3.10.10ã«ãããŸãã
èŠãã åãã³ãã³ããšã³ãŒããä»æ¥ãæ©èœãå§ããŸãããããã€ãã®äŸåé¢ä¿ãå€æŽãããŠããã®ã¯ããããŸã
Travis-CIã§ãããŒã«ã«ã§ããã¹ãã§ãããæçµçã«ã¯éæ³ã®ããã«è§£æ±ºãããŸãïŒæ£ç¢ºã«ã¯ããããŸããïŒ
ãããŠããã¯éæ³ã®ããã«è§£æ±ºããŸãã....ãããŒãããã¯æ±ºå®è«ã匷ãã§ã
æåŸã«ããã¯ç§ã®ããã«åããŸãïŒ ãã£ããŒïŒ ð
"react"ïŒ "^ 16.0.0-alpha.12"ã
"react-test-renderer"ïŒ "16.0.0-alpha.12"ã
"react-native"ïŒ "^ 0.47.1"ã
SDK / JDK / Node / NPM / blablablaããã¹ãŠæŽæ°ãã cd android && gradlewãã¯ãªãŒã³ã«ããã®ã§ããã¹ãŠåé¡ãã
äŸåé¢ä¿ã®1ã€ãå€ãããŒãžã§ã³ã®React-Nativeã«äŸåããŠããå Žåã«åé¡ãçºçããããã§ãã
ããšãã°ãRN 0.47ã䜿çšããããã«ãããžã§ã¯ããã¢ããã°ã¬ãŒããããšãã«ããã®ãšã©ãŒãçºçãå§ãããããåãé€ãããšãã§ããŸããã§ããã ç§ã®äŸåé¢ä¿react-native-svg
ãRN 0.45ã«äŸåããŠããŠã競åããnode_modulesãã©ã«ããŒã«ãã®ããŒãžã§ã³ãã€ã³ã¹ããŒã«ããŠããããšãããããŸããã ç§ã¯ãããæŽæ°ããåã€ã³ã¹ããŒã«ãããã¹ãŠã®ãã£ãã·ã¥ãã¯ãªãŒã³ã¢ããããã¢ããªãåå®è¡ããŸããããããŠããã¯ããŸããããŸããïŒ
ãããã£ãŠããã®ãšã©ãŒãçºçããŠãããåãé€ãããšãã§ããªãå Žåã¯ãäŸåé¢ä¿ã®1ã€ã«å€ãããŒãžã§ã³ãå¿ èŠã§ããããããŸãã¯ãããžã§ã¯ãã§ãŸã 䜿çšãããŠããããã«ãnode_modulesã«è€æ°ã®ããŒãžã§ã³ã®RNãããããšãåå ã§ããå¯èœæ§ããããŸããå€ãããŒãžã§ã³ãšäŸåé¢ä¿ã®1ã€ãæ°ããããŒãžã§ã³ã䜿çšããŸãã 0.45以äžã¯0.46以äžã§ã¯ããŸãæ©èœããªãããã§ã...
ãããžã§ã¯ããã©ã«ãåã®ååãå€æŽããŠã¿ãŠãã ããã ãããã«ã¯ã§ããã
mv origin_project new_project
ãããã®ã解決çãã¯ãã¹ãŠãã£ãã·ã¥ãåæ§ç¯ããããšããŠããŸãããããã¯ãã°ãïŒä¿®æ£ãããŠããå Žåã¯ãã€ã§ãïŒãã§ã«ä¿®æ£ãããŠããå Žåã«ã®ã¿åé¡ãä¿®æ£ããŸãã
ããã圹ç«ã€æããããã©ããã¯ããããŸããããnode_modulesãã£ã¬ã¯ããªã2çªç®ã®åé·ãã£ã¬ã¯ããªã«cpãããšãRN0.47.0ã»ããã¢ããã§ãšã©ãŒãåçŸã§ããŸãã ãã³ãã«äžã«ãã·ã¹ãã ã¯ãã¹ãŠã®ã¢ãžã¥ãŒã«ã®éè€ãäžæãããã«ããŠã£ã³ããŠã«ãéè€ã¢ãžã¥ãŒã«åããšã©ãŒãã¹ããŒããŸãã ãã®éãèµ€ãç»é¢ã§ããªãã¿ã®AccessibilityInfoã«æ»ããŸãã
AccessibilityInfoã«ã€ããŠã¯ã©ãã§ããïŒ ãã®ã¢ãžã¥ãŒã«ã¯ããµããã©ã«ããŒã§RNãæ€åºãããšãã«ã·ã¹ãã ã誀ã£ãŠãã©ãŒã«ããã¯ãããã¢ã¯ã»ã·ããªãã£ã«é©ããªãå€ãããŒãžã§ã³ã®RNã®åŸã«ã®ã¿RNã«è¿œå ãããŸãããïŒ
@johngoren AccessibilityInfo
ã®å¯äžã®ç¹å¥ãªç¹ã¯ãã€ã³ããŒããããæåã®ã¢ãžã¥ãŒã«ã§ãããšããããšã ãšæããŸãïŒå€±æãããã¡ã€ã«ã§ã¯ã¢ã«ãã¡ãããé ã«ãœãŒããããŠããŸãïŒ
ç§ã®å Žåããnpm installãã䜿çšããŠãæ©èœããŸããã§ãããããã®åŸãAccessibilityInfoã¢ãžã¥ãŒã«ãèŠã€ãããªããšãããšã©ãŒãçºçããŸããã
ããããç§ã¯ãããã€ã³ã¹ããŒã«ããããæ¯ç³žããããã ãã§ãã¢ããªã¯åäœããŸããã ããããç§ã¯ããã«ããä»ã®äœäººãã®äººã
ã«ãšã£ãŠã解決çã¯æ£å察ã§ããããšãèªã¿ãŸããã ãããšãã§ããéãä»äºã楜ããã§ããŸããã§ããéãäœãæŽæ°ããŸããã
ç§ã®react-nativeãææ°ããŒãžã§ã³ã«æŽæ°ããŸããã§ããã é±å±±ã¯ãŸã 0.45.1ã§ã
watchman watch-del-all
rm -rf ./node_modules
yarn cache clean // if you are using yarn
rm -rf $TMPDIR/react-*
ãã·ã³ãåèµ·åããŸã
npm install
react-native link
åãã!! :)
ç§ã®è§£æ±ºçã¯@zdolãšåãã§ãããç°ãªãããŒãžã§ã³ã®_node_modules_ã§react-nativeãè€è£œãããå¯èœæ§ããããŸãããäžæçãªè§£æ±ºçã«ãããŸããã
0.47.0ãš0.47.1ã®ã¢ããããŒãã§ãã®åé¡ãçºçããŸããïŒ
node_modulesãåé€ããŸã
ãŠã©ãããã³watch-del-all
rm -rf ./node_modules
rm -rf $ TMPDIR / react- *
ãããŠäœãæ©èœããŸãã
@Elijenããã§ãããã¢ã«ãã¡ãããé ã®çç±ã§ééããªãããã«ãããŸãïŒAccessibilityInfoã®ä»£ããã«DatePickerIOSã«èšåããŠããåæ§ã®ãã°ãèŠããšæããŸãïŒãäžéšã®ã¢ãžã¥ãŒã«ãå»æ¢ãããäºææ§ã®ãªãããŒãžã§ã³ã®RNãããŒãããŠãããšããçè«ã«åŸã£ãŠãäœãèµ·ãã£ãŠããã®ããç¹å®ããã®ã«åœ¹ç«ã¡ãŸãã
æéã®çµéãšãšãã«åãåé¡ãçºçããnpmã§ã¢ãžã¥ãŒã«ãè¿œå ããŸãã ç§ããªããšãåæ Œããã®ã¯ãæé ã«åŸã£ãŠãã·ã³ãåèµ·åããããšã ãã§ãã
Omg ...
@johngoren
AccessibilityInfoã¢ãžã¥ãŒã«ã¯ãããããããšã¯äœã®é¢ä¿ããããŸããã ããã¯ããŸããŸreact-nativeã¢ãžã¥ãŒã«ã®æåã®ã€ã³ããŒãã§ãã
AccessibilityInfoãã€ã³ããŒããããè¡ãã³ã¡ã³ãã¢ãŠããããšã次ã®ã€ã³ããŒãã§ããŸã£ããåãããã«å€±æããŸãã
@teppixAccessibilityInfoèªäœãåé¡ã ãšã¯æããªãã£ãã ãããããã®åé¡ã®ãã倧ããªåå ãç¹å®ãããã°ã®åå ãšãªã£ãŠããç¹å®ã®RNã¢ãžã¥ãŒã«ã®ããŒãžã§ã³ãç¹å®ãå§ããããšãã§ãããšèããŸããã
ãã£ãã·ã¥ãã¯ãªã¢ããã ãã§ãå 垯ãå·»ãã ãã§ã¯äžååã§ãã ððð
ãªãããã圹ã«ç«ã£ãã®ãããããŸãããããããžã§ã¯ããã©ã«ããŒãåé€ããgithubããã¯ããŒã³ãäœæããå床ãã«ãããŸããããã°ã¯ãªããªããŸããã
ãã®RNã®éæ³ã¯ç§ã倢äžã«ãããŸãã
@ sidious18ãšåãããšã
ã¯ã¬ã€ãžãŒãªããšã¯ããã®åé¡ã5æ26æ¥ããååšããŠããããšã§ãããã¹ãŠã®ããŒãžã§ã³ã§åé¡ãçºçããŠããããã§ã...
ãšã©ãŒã®åå ãšãªã£ãŠããã¢ãžã¥ãŒã«ãèŠã€ããŠãåãreact-nativeãã¡ã€ã«ã«ã¢ããã°ã¬ãŒãããŸããããããã§ããšã©ãŒãçºçããŸãïŒ/
devDependenciesã®äžäžèŽããããåŒãèµ·ãããŠããããšãããããŸããã ããšãã°ãreact- native @ 0.47.1ã«[email protected]ã䜿çšãããšãreact-test-rendererã¯[email protected]ãã€ã³ã¹ããŒã«ããå¥ã®äŸåé¢ä¿ã¯[email protected]ãã€ã³ã¹ããŒã«ãnpm ls --depth=10 | grep react@
ã«ãã£ãŠè¿ãããäœåãªåå¿ããŒãžã§ã³ãåé€ããããšã§ãåžžã«ææ°ã®åå¿ããŒã¿ã䜿çšããããã«åŒ·å¶ã§ããŸãã
ç§ã®åé¡14209ã®æ ã
ç§ã«ãšã£ãŠãããããã¡ããå©çšã§ããªããšããåæãšã©ãŒããããŸããã ãããç¡èŠããŸãããïŒtut tutïŒãã·ãã¥ã¬ãŒã¿ãŒããAccessibiltyInfoããšã©ãŒãå ±åããŸããã node_modulesãcachesãwatchmanãåé€ãå§ããŸããããæ¶ããŸããã§ããã ããããïŒäœããã®çç±ã§ïŒå¥ã®ããã±ãŒãžã£ãŒããã»ã¹ãå®è¡ãããšãå ã®ãšã©ãŒãåã³åŒ·èª¿è¡šç€ºãããŸããã ãµãããã±ãŒãžã®1ã€ã¯ãå¿ èŠãªããããã¡ãŒãããã±ãŒãžãã€ã³ã¹ããŒã«ããŠããŸããã§ããã ç§ã¯ããããvoilà ãã«è¿œå ããŸããã
ç§ã®ææ¡ïŒ
ã¹ããã1ïŒãã¢ãžã¥ãŒã«AccessibilityInfo
ã解決ã§ããŸããããç¡èŠããŸã-ããã¯åæ§ç¯ã§ãïŒäžéšã®å ±åã«ãããšãreact-nativeã®ã€ã³ããŒãã®é·ããªã¹ãã®æåã®ãã®ã§ãããã€ã³ããŒããåé€ãããšæ¬¡ã®ã€ã³ããŒãã«ãªããŸãïŒ 1ã€ã¯åé¡ãããã次ã¯åé¡ããããŸã...ïŒ
ã¹ããã2ïŒã©ããã«ççŸããããŸã...ïŒreact-nativeããã±ãŒãžã£ãŒããã»ã¹ã«ç¹ã«æ³šæããŠãã ããïŒã
誰ãããã®ãšã©ãŒãªãã§0.47.2ããã«ãã§ãããã©ããã ãèå³ããããŸããïŒ æ°ãããããžã§ã¯ãã§ãã§ããŸããã æ¯åAccessibilityInfoãšã©ãŒãçºçããŸãã ããã§ããnode_modules / react-native / Libraries / Components / AccessibilityInfoã§AccessibilityInfoã確èªã§ããŸãã ãã®ãã¡ã€ã«ãèŠã€ãããªãã®ã¯ãªãã§ããïŒ
ãããžã§ã¯ãã«åãçµãã§ãã人ã¯ãã®åé¡ã«æ°ã¥ããŸãããïŒ ç§ã«ã¯æ¹å€çãªã¹ããããŒã®ããã§ãã
ç§ã¯0.44.1ãäœã¶æã䜿çšããŠããŸãã ããããäžã®ããŒãžã§ã³ã¯åã«æ©èœããŸããã FacebookãRNãããããã¯ã·ã§ã³ã¬ãã£ããšå®£èšããã®ã¯å°ãåã®ããšã§ããïŒhttps://facebook.github.io/react/blog/2014/03/28/the-road-to-1.0.htmlïŒã 1.0ããŒãžã§ã³ã¯ãããã楜芳çãªã¹ããŒãã¡ã³ãã§ããå¯èœæ§ãããããšã蚌æããŠããŸãã
React Nativeã䜿çšããå¿ èŠãããããã®ãšã©ãŒãåé¿ããå¿ èŠãããå Žåã¯ã次ã®ããšããå§ãããŸãã
"react"ïŒ "16.0.0-alpha.6"ã
"react-native"ïŒ "0.44.1"
ïŒãããŠãŠã€ã¹ããŒã®5åã®1ïŒ
ç§ã¯ä»¥åã«èšã£ãïŒ
ç§ã¯çŸåšãreact-nativeãïŒã0.46.1ãã䜿çšããŠããŸãããã®ãã°ãçºçãããããyarnã«åãæ¿ããŠãããåé¡ãçºçããªããªããŸããã çŸåšnpm5ã®åé¡ã®äžéšã¯ãã€ã³ã¹ããŒã«ããã»ã¹äžã«åé€ãããäŸåé¢ä¿ã«é¢é£ããŠããå Žåã§ããnpmã«ãªã³ã¯ãããŠããå ŽåãšãããŠããªãå ŽåããããŸãã
7æ26æ¥ä»¥éãreact-nativeãããžã§ã¯ãã®ã€ãŒã³ã«åãæ¿ããŸãããããã®ãã°ã¯çºçããªããªããŸããããã®åçãåæçš¿ããŠç³ãèš³ãããŸããããããã¯åœ¹ç«ã€å ŽåããããŸãã ããã¯ééããªãnpm5ã®åé¡ã ãšæããŸãã
ç§ã¯ããã®åé¡ã«é¢ããŠãæåŸã®æ¢ç¥ã®åäœããŒãžã§ã³ãreact0.46.4ã§ããããšã確èªããŸããã 0.47.0ã0.47.1ã0.47.2ããåçŸãç¶ããnpmã«é¢ä¿ãªãåãåäœã§ããŒã7.6ã8.3ã8.4ãè©ŠããŸããã
èªäœã§ã¯ãªãnvmã䜿çšããã®ãšåãããã«ã react-nativeã§ã¯ãªãrninitã䜿çšããããšã匷ããå§ãããŸããããã«ãããã©ã®ããŒãžã§ã³ãåé¡ãªãããïŒä»£æ¿æ¡ãšæ¯èŒããŠïŒãã°ãããã¹ãã§ããŸãã
ç§ã®å Žåãåé¡ã¯æ¯ç³žã§ããã ç§ã¯æè¿yarnv0.27.5ãã€ã³ã¹ããŒã«ã_react -native init_ã¯reactãšreact-nativeãã€ã³ã¹ããŒã«ããããã«npmã®ä»£ããã«yarnã䜿ãå§ããŸããã
åŸã§npmã䜿çšããŠ_npm install --save redux _ãªã©ã®äŸåé¢ä¿ãã€ã³ã¹ããŒã«ãããšããnpmã¯reactïŒreact-nativeãªã©ã®ããã±ãŒãžãåé€ããŠããŸããã
ç§ã¯ç³žãã¢ã³ã€ã³ã¹ããŒã«ããŠãåé¡ã¯æ¶ããŸããã
Windows 8.1
0.47.2
react-native-cliïŒ2.0.1
糞0.27.5
npm 5.3.0
ããŒãžã§ã³0.46.1ã䜿çšããããŒãžã§ã³ã0.46.0ã«å€æŽããŸããåäœããŸãã
ãããã£ãŠãææ°ã®react-nativeã§ãããããã«è©ŠããåŸãnpm--saveãªãã·ã§ã³ãããã
ããªãã¯ã糞ã«ãã ãã£ãŠãåé€node_modulesãšREDOãååŸãã糞ã§ããç¶ããå Žåã¯ãNPMã®ä»£ããã«ç³žã¢ããªã³ã䜿çšããŠã€ã³ã¹ããŒã«ãããã®åŸ
ããããã©ãã«ã·ã¥ãŒãã£ã³ã°ã«åœ¹ç«ã€ãã©ããã¯ããããŸããããreact-native-pdfã®ã€ã³ã¹ããŒã«æé ã«åŸãããšãããšãããã2åçºçããŸããã æåã®è©Šè¡åŸã«ãã¹ãŠã埩å ããŸãããã2åç®ããŸã£ããåãããšãèµ·ãããŸããã ããããã®æ··ä¹±ã«ã€ãªããã€ã³ã¹ããŒã«æé ã§ãïŒreact-native-pdfã®äººã責任ããããšèšã£ãŠããã®ã§ã¯ãããŸãã...ãã ã®å æé¢ä¿ïŒïŒ
npm install react-native-pdf --save
react-nativeãªã³ã¯react-native-pdf
npm install react-native-fetch-blob --save
react-nativeãªã³ã¯react-native-fetch-blob
ç§ã«ãšã£ãŠã®åé¡ã¯ãäŸåé¢ä¿ãæ¬ èœããŠããããšã§ããããAccessibilityInfoãšã©ãŒã衚瀺ãããŸããã
ãããä¿®æ£ããããã«ç§ãããããšïŒ
--reset-cache
dev-serverãèµ·åããã³ã³ãã€ã«ã«_this_serverã䜿çšããŸãã
react-native run-ios
ãããªã³ãã³ãã¯ã --reset-cache
ãªãã§ç¬èªã®éçºãµãŒããŒãèµ·åããŸããããã§ã«å®è¡ãããŠãããã®ã䜿çšããŸãã
ãããã£ãŠã1ã€ã®ã·ã§ã«ã§ïŒ
yarn start -- --reset-cache
å¥ã®ãã®ã§
yarn run ios
次ã«ãæåã®ã·ã§ã«ã§å®éã®ãšã©ãŒãçºçãã yarn add
äžè¶³ããŠããéšéãç·šéããããã¹ãŠãæ©èœããŸããã
yarn
ã䜿ããããªã人ã®ããã«..ã
ã¢ãžã¥ãŒã«ã調ã¹ãŠã react
ãŸãã¯react-native
ãŸãã¯react-renderer
ã䜿çšããŠããªãã¢ãžã¥ãŒã«ãæ¢ãããããããã©ãŒã¯ããŠããããžã§ã¯ãã«äžèŽããããã«ããã±ãŒãžããŒãžã§ã³ãå€æŽããå¿
èŠããããŸãããã§ããŸãã
ããã¯ç§ã®å Žåã§ããããŸãã@jnrepo ãã¬ã³ãã©ãŒã¯ãã¹ãŠãå°ç¡ãã«ããŠããŸãã
48.1ã§AccessibilityinfoãåçºããŠã¯ã©ãã·ã¥ããŸããã ã©ãããbabel-preset-react-nativeãã3.0.2ã«ã¢ããã°ã¬ãŒããããšããšã©ãŒãçºçããããã§ãã 以åïŒ2.1.0ïŒã«ããŠã³ã°ã¬ãŒãããå Žåããšã©ãŒã¯çºçããŸããã
[ã¯ããã«]ããŒãžã®create-react-native-appããŒã«ã䜿çšãã代ããã«ãreact-native cliãã€ã³ã¹ããŒã«ããããšã§ããããåé¿ããããšãã§ããŸããã ãã以æ¥ããã¹ãŠãåé¡ãªãæ§ç¯ãããå®è¡ãããŠããŸãã
ããã ãã®ãšã©ãŒãçºçããã®ã¯ããã®ç¹å®ã®ããã±ãŒãžã䜿ãããšãããšãã ãã ãšæããŸããïŒ https ïŒ
çããã¯ããã远跡ããã®ã«ãšãŠãèŠåŽããŠããŠãç§ã¯å®éã«ãã®ç¹å®ã®ããã±ãŒãžã䜿ãããã®ã§ãç§ã¯ãããããã«æšãŠããšæããŸããã ãã®ããã±ãŒãžãã€ã³ã¹ããŒã«ãããšåããšã©ãŒãçºçããã ãã§ãªãããã£ãã·ã¥ã®ã¯ãªã¢/ãªã»ãããã³ã³ãã¥ãŒã¿ãŒã®åèµ·åãnode_modulesã®åé€ãªã©ãåºæ¬çã«ãã®ã¹ã¬ããã§èª¬æãããŠãããã¹ãŠã®ããšããåã«å¥ã®React-Nativeãããžã§ã¯ããæåããåèµ·åãã以å€ã«ãå£ãããŸãŸã«ããŸãã ã
幞éãïŒ
PS-ç§ã¯babelã䜿çšããŠããŸãã
PPS-react-native-router-fluxã䜿çšããŠããŸãã
create-react-native-appããŒã«ãå®è¡ãããšãåžžã«ãã®ãããªåé¡ãçºçããŸãã 以åã¯ãã®ãããªåé¡ããã£ãã®ã§ãããä»ã§ã¯å®å®ããŠããã®ã¯ç§ã®RNããŒãžã§ã³ã§ãã
react-native-cliïŒ2.0.1
react-nativeïŒ0.44.1
åé¡ãããå Žåã¯ãã¿ãŒããã«ã§ã³ãã³ããå®è¡ããŠã¿ãŠãã ãã
`` `rm -fr $ TMPDIR / react- *
rm -rf node_modules
糞ã®åãä»ã
Restart your PC then continue below
cd android && ./gradlew clean && cd ../ && react-native start --- reset-cache
react-native run-android
`` `
ããã¯ãã€ãç§ã®ããã«åããŸã
npm install [email protected]
@HilSnyããããšãã babel-preset-react-nativeãããŠã³ã°ã¬ãŒãããããšã§ãããã§ããŸããã
@pricetulaããã¹ãŠããªã»ããããããšã§æ©èœããŸããããåé¡ãåçºããçŽåŸã«ãnativebaseãå床ã€ã³ã¹ããŒã«ããå¿
èŠããããŸããã ããªãã®è²¢ç®ã«æè¬ããŸãã 也æ¯ïŒïŒ
ã€ãŒã³ã¯react-native-router-flux @ +ä»»æã®ããŒãžã§ã³ãè¿œå ããŸãã
ãã®äœåã¯ç§ãšäžç·ã«
[解決]
ç§ãå€ãããšã
"devDependencies"ïŒ{
"babel-jest"ïŒ "21.0.2"ã
"babel-preset-react-native"ïŒ "4.0.0"ã
"jest"ïŒ "21.1.0"ã
"react-test-renderer"ïŒ "16.0.0-alpha.12"
}ã
ã«
"devDependencies"ïŒ{
"jest-expo"ïŒ "ã20.0.0"ã
"react-native-scripts"ïŒ "1.3.1"ã
"react-test-renderer"ïŒ "16.0.0-alpha.12"
}ã
JSãµãŒããŒãåèµ·åããŸãããããã ãã§ãã
Bundling `index.android.js` [development, non-minified, hmr disabled] 0.0% (0/1), failed.
error: bundling failed: "TransformError: D:\\***\\index.android.js:
Cannot find module 'AccessibilityInfo'
0.41.2ãã0.48.3ã«ã¢ããã°ã¬ãŒãããåŸãjestãžã®äŸåãæé€ââããããšã«ãããšãã«ããã®åé¡ãçºçããŸããã
package.jsonã§ã以äžãåé€ããŸããã
"scripts": {
"test": "jest",
},
"devDependencies": {
"babel-jest": "18.0.0",
"babel-preset-react-native": "1.9.1",
"jest": "18.1.0",
"react-test-renderer": "15.4.2"
},
"jest": {
"preset": "react-native"
}
泚ïŒããã¯ãææžåãããŠããªããªãã·ã§ã³ã䜿çšããå Žåãšåãã§ãã
react-native init AwesomeProject --skip-jest
1ã€ã®ã¢ãžã¥ãŒã«ã埩å
ããå¿
èŠããããŸããïŒ npm install --save-dev babel-preset-react-native
ä»ç§ãæã£ãŠããŸãïŒ
"devDependencies": {
"babel-preset-react-native": "^4.0.0"
}
ç§ã¯äœ¿ã£ãŠããïŒ
"react"ïŒ "16.0.0-alpha.6"
"react-native"ïŒ "0.44.2"
npmããyarnã«å€æŽãããšããã£ãŒã ã®ããã«æ©èœããŸãã å€åããã¯reactãŸãã¯react-nativeããŒãžã§ã³ãšã¯äœã®é¢ä¿ããªããšæããŸã
ãã®åé¡ã¯ãã¢ãžã¥ãŒã«ãã¡ã€ã³ãããžã§ã¯ã以å€ã®react-nativeããŒãžã§ã³ã«äŸåããŠããå Žåã«çºçããããšã¯ãäžèšã®æçš¿ããååã«ç¢ºç«ãããŠãããšæããŸãã
yarn
ã¯ãã¹ãããŠããŸããããåã®ã³ã¡ã³ãã§ææ¡ããããã«ããããã®react-native
ãã©ã«ããŒãå®å
šã«åé€ãããšæ©èœããŸãã ä»ã®äººã¯ãã£ãšèŠçãªã¢ãããŒããææ¡ããŸããïŒãããã®åé¡ã®ããã¢ãžã¥ãŒã«ããã©ãŒã¯ãããããã®react-nativeäŸåé¢ä¿ããŒãžã§ã³ãæŽæ°ããŸãã
ãããã«ãããããã誰ããå©ãããªãã react-native
ãã©ã«ããåé€ããã¢ãããŒãã¯æ¬¡ã®ãšããã§ãã
åãïŒ
cd /path/to/yourproject
react-native
ãšããååã®ãã¹ãŠã®ãã©ã«ãã衚瀺ããã«
find . -type d -name "react-native"
ãã¡ããã node_modules/react-native
ãã©ã«ããåé€ããå¿
èŠã¯ãããŸããã
ãã®ã³ãã³ãã¯ã node_modules/react-native
èªäœãé€ããŠã react-native
ãšããååã®ãã©ã«ããŒã衚瀺ããŸãã
find . -type d -name "react-native" -not -path "./node_modules/react-native" -not -path "./node_modules/react-native/*"
ãããã®ãã©ã«ãããã¹ãŠ1ã€ã®ã¹ãããã§åé€ããå ŽåïŒ
find . -type d -name "react-native" -not -path "./node_modules/react-native" -not -path "./node_modules/react-native/*" | xargs rm -rf
ããã倱æããå Žåã¯ã yarn
è©Šããã npm
ããããçŽããŠãã ããã
@zdolç§ã¯ããªãã®æé ã«åŸããŸããã ã³ããŒ/貌ãä»ãã§æåŸã®ã³ãã³ãã䜿çšãããšããããžã§ã¯ããã©ã«ãå ã®ãã¹ãŠãåé€ãããŸãã...
ç§ã¯react-native 0.47.2
ã䜿çšããŠããŸããããã®åé¡ã¯çºçããŠããŸããã
@mmarovichç³ãèš³ãããŸããããã³ãã³ããæŽæ°ããŸãã
ããã¯æ¬åœã«ç§ã®ããã«åããŸãïŒ
`npmã¢ã³ã€ã³ã¹ããŒã«babel-preset-react-native
npm install [email protected] `
react-nativeããŒãžã§ã³ïŒ
react-native-cliïŒ2.0.1
react-nativeïŒ0.48.3
ç§ã¯åããšã©ãŒããããšæããŸãïŒ
ãšã©ãŒïŒãã³ãã«ã«å€±æããŸããïŒ "ã¢ãžã¥ãŒã« 'ActivityIndiââcator'ã '... react-native-implemenation.jsãã解決ã§ããŸãã"
ç§ã¯ããã解決ããã«ããã®ã¹ã¬ãããšWebã®ä»ã®ã¹ã¬ããã§è§£æ±ºçãè©ŠããŸããã
äœãæ©èœããŸããã§ããã
React-nativeã¯ãšãŠãã¯ãŒã«ã«èŠããŸããããšãŠãäžå®å®ã§ãã
解決æžã¿ïŒ
ç§ã¯åãåé¡ãæ±ããŠããŸããïŒ
ãšã©ãŒïŒ
ç§ã¯æ¬¡ã®äŸåé¢ä¿ãæã£ãŠããŸããïŒ
ãäŸåé¢ä¿ãïŒ{
"firebase"ïŒ "^ 4.4.0"ã
"react"ïŒ "16.0.0-alpha.12"ã
"react-native"ïŒ "0.48.4"ã
"react-native-router-flux"ïŒ "^ 3.35.0"ã
"react-redux"ïŒ "^ 5.0.6"ã
"redux"ïŒ "^ 3.7.2"ã
"redux-thunk"ïŒ "^ 2.2.0"
}ã
ãããã react-native-router-flux @ 3.35.0ã®ç¹å®ã®ããŒãžã§ã³ãã€ã³ã¹ããŒã«ãããšãã€ã³ã¹ããŒã«ã®æåŸã«èŠåã衚瀺ãããŸãã
npmèŠå[email protected]ã«ã¯
npmèŠå[email protected]ã«ã¯
解決ïŒ
-2ã€ã®ããšããããŸãïŒ
1ïŒã ã€ã³ã¹ããŒã«äžã«ååŸããããã«decenciesãã€ã³ã¹ããŒã«ã§ããŸãïŒnpm WARN ..ïŒ
2ïŒããã®åé¡ã解決ããããã«ç§ãããããšïŒ
ç§ïŒã react-native-router-fluxãåé€ããŸããïŒnpmã¢ã³ã€ã³ã¹ããŒã«react-native-router-fluxïŒ
iiïŒã ææ°ããŒãžã§ã³ãã€ã³ã¹ããŒã«ããŸãïŒpm install react-native-router-fluxïŒ
iiiïŒã jsãã¡ã€ã«ã®ããã€ãã®å€æŽã
ããã¯åœ¹ç«ã€ãããããŸããïŒæšå¥šãããŠããŸããããåç
§çšã§ãïŒ*
ãã®äžèšã®ã³ãŒãã¯çŸåšæ©èœããŠããŸãïŒã¯åç
§çšã§ããã圹ç«ã€å ŽåããããŸã* https://github.com/aksonov/react-native-router-flux/issues/1081
ãšã©ãŒè§£æ±ºåŸã®äŸåé¢ä¿ïŒ
ãäŸåé¢ä¿ãïŒ{
"firebase"ïŒ "^ 4.4.0"ã
"react"ïŒ "16.0.0-alpha.12"ã
"react-native"ïŒ "0.48.4"ã
"react-native-router-flux"ïŒ "^ 4.0.0-beta.21"ã
"react-redux"ïŒ "^ 5.0.6"ã
"redux"ïŒ "^ 3.7.2"ã
"redux-thunk"ïŒ "^ 2.2.0"
}ã
ãããç§ããããŸã§ã«èŠã€ãããã®ã§ããããã圹ç«ã€ããšãé¡ã£ãŠããŸãïŒ
ïŒæé ã¯æç³»åã«ãªã£ãŠããŸãïŒ
npmãšããã€ãã®ç¹å®ã®ã¢ãžã¥ãŒã«ã®éã«äœããã®çžäºäœçšãããããã«æãããŸããïŒ
ãããžã§ã¯ããã©ã«ããåé€ããŠåã¯ããŒã³ãäœæãããšãããŸããããŸããã ãããžã§ã¯ããåã¯ããŒã³åããããå®è¡ããŸãã
yarn cache clean
yarn start
ããã¯ããdone-barãããã³ãreact-native-keyboard-done-buttonãããã±ãŒãžãã€ã³ã¹ããŒã«ããåŸãç§ã«ãšã£ãŠåé¡ã«ãªããŸããã
ã©ã¡ããåé¡ã®åå ã§ãããã¯æ£ç¢ºã«ã¯ããããŸããããpackage.jsonããããããåé€ããŠnpm installãå®è¡ãããšãåé¡ã¯å³åº§ã«ä¿®æ£ãããŸããã
æè¿ãNPMãåãå·»ãåé¡ãããããããããã§ãã
ãã£ãïŒ
糞
ã€ãŒã³ãã£ãã·ã¥ã¯ãªãŒã³
ã€ãŒã³ã¹ã¿ãŒã
ãŸãããšãã¥ã¬ãŒã¿ãŒãå®è¡ãããããŒãã§å®è¡ãããŠãããã¹ãŠã®ãã®ã匷å¶çµäºããŸããã
ããã¯ããŸããã£ãã
ããã¯ããããžã§ã¯ããã£ã¬ã¯ããªããreact-native init
ãå®è¡ããåŸã npm
react-nativeãã€ã³ã¹ããŒã«ããããšã§åçŸã§ããŸãã js-xlsx react-nativeãã¢ã§OSXãããŒã8.7.0ãiOSã§çºçããŸããïŒ
git clone --depth 1 https://github.com/SheetJS/js-xlsx/
cd js-xlsx/demos/react/
make ios
ããã«ãããæ°ãããããžã§ã¯ããæ§ç¯ãããdepsã«npm install
ããŸãã
# ...
react-native init SheetJS
cd SheetJS
npm i -S xlsx react react-native react-native-table-component react-native-fs
# ...
æ°ããã¯ããŒã³ãšã€ã³ã¹ããŒã«ã䜿çšããŠäœåºŠããã¹ããç¹°ãè¿ããåŸã次ã®ããšãããããŸããã
| ããŒãžã§ã³| çµæ|
| ------- | ------ |
| 4.3.0 | ãã¹|
| 5.0.4 | 倱æ|
| 5.1.0 | 倱æ|
| 5.2.0 | 倱æ|
| 5.3.0 | 倱æ|
| 5.4.0 | 倱æ|
| 5.4.2 | 倱æ|
| 5.5.0 | 倱æ|
| 5.5.1 | 倱æ|
| ç³žïŒ | ãã¹|
npm
å®å
šã«åé¿ããïŒ npm i -S
ãyarn add
眮ãæããïŒããšã¯æ©èœããããããæè¯ã®ã¢ãããŒãã§ãã
ããäžè¬çã«ã¯ã4.3.0ã¯ã npm
倧ããªåé¡ãçºçããŠããªãæåŸã®ããŒãžã§ã³ã§ãã éåžžã sudo npm install -g [email protected]
ãããªã³ãã³ãã䜿çšããŠããŒãã®ããŒãžã§ã³ãåãæ¿ãããšãæ瀺çã«ããŒã«ããã¯ããŸãã
react-native-weblibã䜿çšããŠããã«æ¥ã人ã®ããã«
react-native-web / babelãä»ããããã©ã«ãã®ãšã€ãªã¢ã¹ãæ©èœãããèªåã§ãšã€ãªã¢ã¹ãè¿œå ããå¿
èŠããããŸãã
alias: {
'react-native': 'react-native-web',
'react-router-native': 'react-router',
},
react-native-cliãã€ã³ã¹ããŒã«ãããããã©ã«ãããŒãžã§ã³ã§ããreact-native0.49.5ã䜿çšããéåžžã«æ°ãããããžã§ã¯ãã§ãã®åé¡ãçºçããnode_modulesãã£ã¬ã¯ããªãåé€ããŠããã npm install
ãå®è¡ãããã®AccessibilityInfoãã°ã«ééããŸãããç§ããããå®è¡ããæéã
peerDependencyã®ç«¶åãããããã§ãã npm install
ãééã£ãé åºã§äœããã€ã³ã¹ããŒã«ããŠããŸãã ç§ã¯react-nativeã®ææ°ããŒãžã§ã³ã«ã¢ããã°ã¬ãŒãããããšã§å埩ããããšãã§ããŸããïŒçŸåšv0.50.0-rc.2çŸåšïŒïŒ
rm -rf node_modules
npm install [email protected] --save
npm install
æã€ãã¡ã€ã«ã䜿çšããããšãããšãç§ãã¡ã¯ãã®åé¡ã«ééããŸãã.jsx
延é·ã§ã¯ãªãã .js
ã®æ¡åŒµåãã çç±ããããreact-nativeã®æ¢ç¥ã®åé¡ã§ãããã©ããã¯ããããŸãããã .js
ãã¡ã€ã«ã«æ»ããšåé¡ã解決ããŸããã ããªããããã®äžã«ããªãã®é«ªãåŒã£åŒµã£ãŠãããªãã°ãè©Šã䟡å€ããããããããŸããã
@wittjosiahããããšãã ç§ã¯ãã®ã¹ã¬ããå šäœãèªãã§ãæåŸã®ã³ã¡ã³ãïŒããªãã®ïŒããããããŠããããšãããããŸããïŒ
@danstepanovããããšãïŒ ã§ããŸãïŒ
åãåé¡ã yarn cache clean && yarn start
ã¯ç§ã«ã¯æ©èœããŸãã
ãã®åé¡ã«ã€ããŠç§ãåŸãã®ã¯ã npm install
çŽåŸã«yarn install
å®è¡ããããšã§ä¿®æ£ã§ããå Žåããããšããããšã§ãã ããããããã¯ã©ã³ãã ã«çºçãããããåçŸããŠæçµçã«åé¡ãä¿®æ£ããããã®æé ãèŠã€ããããšãã§ããŸããã
ç§ãã¡ã®å Žåã$ TMPDIRã調ã¹ãŠãhaste-map-react-native-packager- *ãåé€ãããšåœ¹ã«ç«ã¡ãŸããïŒ
åå¿ãã€ãã£ããã£ãã·ã¥èªäœãåé€ãããããªã»ãããããããŠãæ©èœããŸããã§ããã
yarn cache clean && yarn start
ã¯ç§ã®ããã«ãããããŸããïŒ ð
äžèšã®è§£æ±ºçã®AAAAAAALLãè©ŠããåŸïŒã©ããæ©èœããŸããã§ããïŒãiOSã®æ¬¡ã®ã³ãŒãè¡ãåå ã§åé¡ãçºçããããšãããããŸããã
jsCodeLocation = [NSURL URLWithString:@"http://192.168.192.40:8081/index.bundle"];
ç§ã¯ããã䜿çšããŠãå¥ã®ãããã¯ãŒã¯äžã®ããã€ã¹ããªã¢ãŒããããã°ããŠããŸããã
äžèšã®è¡ãããã©ã«ãã«å€æŽãããšãïŒ
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@âindexâ fallbackResource:nil];
åé¡ã¯ãªããªããŸããã
@SudoPlz
#ifdef DEBUG
jsCodeLocation = [NSURL URLWithString:@"http://XXX.XXX.X.XXX:8081/index.ios.bundle?platform=ios&dev=true"];
#else
//jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
jsCodeLocation = [CodePush bundleURL];
#endif
appdelegate.mã«ãã®ãããªãã®ããããŸãããããã§ãæ©èœããŸããã äœããæèŠã¯ ïŒïŒ
@ karna41317ç§ã¯ããªããšãŸã£ããåãã³ãŒããæã£ãŠããŸããã é©åãªä¿®æ£ãèŠã€ãããŸããã§ãããããªã¢ãŒããããã°ïŒã€ãŸããèªåã®ã¯ãŒã¯ã¹ããŒã·ã§ã³ããé¢ããŠããïŒã¯æ°ã«ããªãã®ã§ã jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@âindexâ fallbackResource:nil];
å€æŽããŸãã
ãšã«ãã[NSURL URLWithString:@"http://XXX.XXX.X.XXX:8081/index.ios.bundle?platform=ios&dev=true"];
ã¯äœãå¿
èŠã§ããïŒ
ç§ã¯ãã¹ãŠã®æ¹æ³ãè©ŠããŸããããããã§ã解決ã§ããŸããã ãã«ãïŒïŒïŒïŒïŒ
"dependencies": {
"@types/react": "^16.0.25",
"@types/react-native": "^0.50.7",
"@types/react-native-fetch-blob": "^0.10.4",
"@types/react-native-video": "^2.0.0",
"@types/react-navigation": "^1.0.23",
"mobx": "^3.3.1",
"mobx-react": "^4.3.3",
"react": "16.0.0",
"react-native": "0.50.4",
"react-native-android-wifi": "^0.0.19",
"react-native-audio": "^3.5.0",
"react-native-camera": "^0.12.0",
"react-native-fetch-blob": "^0.10.8",
"react-native-i18n": "^2.0.8",
"react-native-material-dropdown": "^0.5.2",
"react-native-md5": "^1.0.0",
"react-native-qrcode": "^0.2.6",
"react-native-sound": "^0.10.4",
"react-native-video": "^2.0.0",
"react-native-volume": "^0.0.1",
"react-navigation": "^1.0.0-beta.15"
},
"devDependencies": {
"@types/jest": "^21.1.7",
"@types/react-test-renderer": "^16.0.0",
"babel-jest": "21.2.0",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-preset-react-native": "4.0.0",
"jest": "21.2.1",
"react-test-renderer": "16.0.0-beta.5"
},
"jest": {
"preset": "react-native"
}
@iamccåé¡ã®åå ãèŠã€ãããŸã§ã匟䞞ãåã¿ããããžã§ã¯ãã®ãã¹ãŠã®éšåãåé€ãå§ããå¿ èŠããããŸãã ãããå¯äžã®æ¬åœã®è§£æ±ºçã®ATMã§ãã åé¡ã¯äººã«ãã£ãŠç°ãªããŸãã
é£çµ¡ãã£ãïŒ ããã¯ãŸã react-native
0.51.0
ã§ç§ãšäžç·ã«èµ·ãã£ãŠããŸãïŒ/
ç§ã¯expoã䜿çšããŠãããexpoã®ããŒãžã§ã³21.0.0ã䜿çšããŠè§£æ±ºããŸããïŒ https ïŒ//blog.expo.io/expo-sdk-21-0-0-is-now-available-be33b79921b7ïŒã¢ããã°ã¬ãŒãåŸã¢ããªã»ã¯ã·ã§ã³ïŒãšnpmïŒ
@iamcc npm install react-native --saveãå®è¡ãããšãããä¿®æ£ãããŸããã
ãŸãå®è¡äž
ãŠã©ãããã³watch-del-all
rm -rf node_modules && npm install
npm start --reset-cache
ããã¿ããªã
ç§ã®ã¯ã©ã€ã¢ã³ããã·ã³ã®1ã€ã§ãããšåãåé¡ãçºçããŸããããç§èªèº«ã®ãã·ã³ã§ã¯çºçããŸããã§ããã
ç§ã®ããã®è§£æ±ºçïŒ
ãŠã©ãããã³watch-del-all
rm -rf node_modules && npm install
ãŠã©ãããã³watch-del-all
rm -rf node_modules && npm install
ãŠã©ãããã³watch-del-all
rm -rf node_modules && npm install
ããããã£ãã·ã¥ã¯ãªãŒã³--all
ãã ããåã€ã³ã¹ããŒã«ããåã«ïŒ
nodeãšnpmããããã7.6.0ãš4.1.2ã«ã€ã³ã¹ããŒã«ããŸãã ããã¯ç§ã®ãã·ã³ã«ãããŸããããã¯ã©ã€ã¢ã³ãã®ãã·ã³ã«ã¯ãããŸããã§ããã nããã±ãŒãžãããŒãžã£ãŒïŒhttps://github.com/tj/nïŒã䜿çšããŠ7.6.0ãã€ã³ã¹ããŒã«ããnpm install [email protected]ã䜿çšããŠããŒãžã§ã³ãå€æŽã§ããŸãã
次ã«ãéåžžã®npmã€ã³ã¹ããŒã«/ãããã€ã³ã¹ããŒã«/ã¯ãªãŒã³/ãã«ããã³ã¹ãå®è¡ããŸãã
ç§ã«ãšã£ãŠããŸããã£ã解決çã¯æ¬¡ã®ãšããã§ãã
npm install react-native --save
npm start --- reset-cache
ã圹ã«ç«ãŠãã°
ã³ã³ãã¥ãŒã¿ã®åèµ·åã¯ç§ã®ããã«åããã
ç§ããã®åé¡ã«çŽé¢ããŠããªãã£ãã®ã¯2é±éã§ãã ãããä»ãä»æ¥ãããããã¯åžžã«åçãéå§ãããããã°ã¢ãŒãã§ãããžã§ã¯ããéå§ããããšããã§ããŸããïŒ ç§ã¯ãã¹ãŠã®ãã£ãã·ã¥ïŒyarnãnpmãcocoapodsãXcodeãpackagerãwatchmanãªã©ïŒã®åé€ãnode_modulesã®åé€ïŒ3ã4åïŒãMacã®åèµ·åãããã€ã¹ã®åèµ·åãªã©ããã¹ãŠã®ããšãè¡ã£ãŠããŸããã ãããŠãäœãæ©èœããŸããïŒ React Nativeãæ©èœããªãããã«ããã©ã³ãã ãªãã®ãæã£ãŠããŸããïŒ ãã®åé¡ã®æ ¹æ¬çãªåå ã¯äœã§ããïŒ ãã®ãã±ãããéããŠããããŸããïŒ ç§ã¯èªåã®ãããžã§ã¯ããåçŽã«å®è¡ããããšããŠäœæéãè²»ãããŸããã ããã¯éåžžã«ç ©ããããåé¡ãããã®ã§ãããªãããããä¿®æ£ããããšããŠãããšã¯æããŸããã
ç§ã¯ãã®ã¹ã¬ããã§èšåãããŠãããã¹ãŠãè©ŠããŸããã äœãæ©èœããŸããã§ããã
ãã¹ãŠãã³ãããããŠããããããžã§ã¯ããæ°ãããã©ã«ããŒã«è€è£œãããšããã¹ãŠãæ©èœããŸããã çç±ãèããªãã§ãã ããã
ãã«ãã§Unable to resolve module './_listCacheGet'
ãåãåã£ããšãã«ãlodashããã±ãŒãžãã€ã³ã¹ããŒã«ãããšããã§ãã ããã§ã®å€ãã®ã³ã¡ã³ãã«åºã¥ããŠãreact-native "react-native": "0.52.0"
ãyarnïŒããã©ã«ãã®ã€ã³ã¹ããŒã©ãŒïŒã§yarn upgrade react-native
ã§åã€ã³ã¹ããŒã«ããŠããããã«ããåéããŸããã æåŸ
ã©ããã«ã¢ããªãèµ·åããŸããã ç§ã®å Žåãããã¯ãã£ãã·ã¥ã®åé¡ã ã£ãããã§ãã YMMVã ããã誰ããå©ããããšãé¡ã£ãŠããŸãã
ç§ã¯åãåé¡ãæ±ããŠããŸããããããã»ã¹ãã£ãã·ã¥ãåé¡ã§ããããšãããããŸããã åå¿ãã€ãã£ãããã»ã¹ãåéããããšã¯ç§ã®ããã«åãã
ããã¯ããªãè¿·æã§ãã æã ãæçœãªçç±ãªãã«ãããèµ·ãããŸãã ãããŠä»ãæ¢ç¥ã®ä¿®æ£ïŒãã¹ãŠã®åé€ãåã€ã³ã¹ããŒã«ããã£ãã·ã¥ã®ã¯ãªã¢ãªã©ïŒã¯ã©ãã圹ã«ç«ã¡ãŸããã ããŠãMacã®åã€ã³ã¹ããŒã«ä»¥å€ã«è©Šããããšã®ãªãããšã®1ã€ã¯ããããžã§ã¯ãã®ã¯ããŒã³ãäœæããããšã§ãããããå®è¡ããŸãã ç³ãèš³ãããŸãããããã®åé¡ãžã®è³æãšããŠæ±ã£ãŠãã ãããããã¯ããªãé·ãéèµ·ãã£ãŠããŸã...
æ¢åã®reactnativeã®äžã«reactnativeãã€ã³ã¹ããŒã«ããŠã¿ãŠãã ããïŒæ¢åã®ãã®ãåé€ããªãã§ãã ããïŒ
npm install react-native --save
ãããããããšãããã£ãŠã¿ãŸãã æãæãããã®ã¯ããããçç±ãªãã«çºçããŠããããã«èŠããããšã§ãïŒã¯ããåžžã«çç±ããããŸããããã®å ŽåãããŒã«ãžã®ä¿¡é Œãäœäžããããã®ãäœã§ããããç解ããã®ã¯å°é£ã§ãïŒ
æ¢åã®node_modulesã«ã€ã³ã¹ããŒã«ããŠã圹ã«ç«ã¡ãŸããã§ããã ncuãå®è¡ããreact-native-elementsãã¢ããã°ã¬ãŒãããnpmãã£ãã·ã¥ã空ã«ããåã€ã³ã¹ããŒã«ããŸãããããã§åé¡ã¯è§£æ±ºããŸããã å°ãªããšããšã©ãŒãåé¡ãäœã§ããããããå€ã瀺ããŠããã°è¯ãã§ãããã
npmãã£ãã·ã¥ãšrm -rf ~/.npm
ã¯ãªã¢ãããšããã®åé¡ã解決ããŸããã
ãã®ä»äºïŒ
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
代ããã®react-native run-android
ç§ã䜿çšããŠã node node_modules/react-native/local-cli/cli.js run-android
ããããåäœããŸãã
äžèšã®ãã¹ãŠã®æ¹æ³ãè©ŠããŸãããããŸã éããããŸããã Expoã§ãã€ããªãäœæããåŸããããèµ·ããå§ããŸããã
node_modulesãã©ã«ããŒãåé€ããŸãã
npm install
npm start -- --reset-cache
ç§ã®ããã«ãããä¿®æ£ããŸããã
ãã®æç¹ã§ãããã¯ç§ã«ãšã£ãŠæ£çºçã«èµ·ãããŸãã ããŸãããã°ãç§ã¯ããã«åã³åçŸããããšãã§ããŸã
ããã¯ãreact-nativeã䜿çšããeslint-presetããŒãžã§ã³ãšã¢ããªã䜿çšããããŒãžã§ã³ã®äžäžèŽãåå ã§çºçããŸãã ãã®äžäžèŽãããä»ã®äŸåé¢ä¿ãããå¯èœæ§ããããŸãã åã«npm update
ïŒäŸåé¢ä¿ãªã¹ãã倧ãããªãå ŽåïŒããŸãã¯ãå®å
šã«æŽæ°ã§ãããäŸåé¢ä¿ãéžæçã«æŽæ°ããŠãããã³ãã«ãè©Šã¿ããšããã®ãšã©ãŒã¯æ¶ããã¯ãã§ãã
npm update
rm -rf node_modules
npm install --reset-cache
npm run bundle (or react-native bundle <options>)
ãããè¡ãããšã¯ç§ã®ããã«åããïŒ
npm update
npm cache clean --force
rm -rf node_modules
yarn install
@patrikmolnarã®ææ¡ã¯ç§ã®ããã«åããã
æ¢åã®reactnativeã®äžã«reactnativeãã€ã³ã¹ããŒã«ããŠã¿ãŠãã ããïŒæ¢åã®ãã®ãåé€ããªãã§ãã ããïŒ
npm install react-native --save
ãã©ã³ããåãæ¿ããåŸãåæ§ã®åé¡ãçºçããŸããã _åèµ·å_ React Native Debugger
ã§åé¡ãä¿®æ£ãããŸããïŒã¢ããªãæ¥ç¶ãããŠããªããŠãïŒã
åããšã©ãŒãçºçããäžèšã®ãã¹ãŠã®è§£æ±ºçãè©ŠããŸããããäœãæ©èœããŠããŸãã:(ãä»ã¯ã€ã©ã€ã©ããŠããŸãããã®ãšã©ãŒããæãåºãã®ãæäŒã£ãŠãã ãã...
ãããžã§ã¯ãã®åã¯ããŒã³ã¯ç§ã®ããã«åããŸã
ç§ã¯ãããååŸããAccessibilityInfo.ios.jsã®ãPromiseããæããŠããŸãã
yarn start
å Žåã倱æããŸãã
ç§ãsudo yarn start
ãªããããã¯ç¢ºå®ã«æ©èœããŸãã
ããã¯æ¬åœã«åä»ãªãšã©ãŒã§ããããã¹ãŠã®ãããžã§ã¯ãatmã«ãã¬ãŒãããããŸããæ°ããcreate-react-native-appãããžã§ã¯ãã§ããããœãŒã¹ã³ãŒããã³ããŒããŠç Žå£ãããŸãã
ç·šéïŒç§ã«ãšã£ãŠãããã¯react-native-communicationsããã±ãŒãžã§ãããExpoã®reactnativeã®ãã©ãŒã¯ã䜿çšããŠããªããšããèŠåã§ããã
nodeãšnpmããããã7.6.0ãš4.1.2ã«ã€ã³ã¹ããŒã«ããŸãã
ããŠã³ã°ã¬ãŒãã¯ç§ãå©ããŸããã
ããã«ã¡ã¯ãã¿ããªã
@ryanmcgrathã®ãã¹ããåçŸããŸããïŒ
$> node
> let rn = require('react-native').AccessibilityInfo
Error: Cannot find module 'AccessibilityInfo'
at Function.Module._resolveFilename (module.js:555:15)
at Function.Module._load (module.js:482:25)
at Module.require (module.js:604:17)
at require (internal/module.js:11:18)
at Object.get AccessibilityInfo [as AccessibilityInfo] (/Users/godefroy/Go/src/github.com/united-drivers/wulo/native/node_modules/react-native/Libraries/react-native/react-native-implementation.js:19:36)
次ã«ãreact-nativeãªããžã§ã¯ãã®ãã¹ãŠã®ããŒã確èªããããšããŸããïŒ
$> node
> let rn = require('react-native')
undefined
> rn
{ AccessibilityInfo: [Getter],
ActivityIndicator: [Getter],
ART: [Getter],
Button: [Getter],
...
}
ã ãããéµã¯ããã«ãããŸãã
åé¡ã¯ãrequireïŒ 'AccessibilityInfo'ïŒã./node_modules/react-native/Libraries/react-native/react-native-implementation.jsã®module.exportsã«ã¢ã¯ã»ã¹ã§ããªãããšã§ãã
$> node --version
v9.5.0
react-nativeããŒãžã§ã³ïŒ0.53.3
ç§ã®å Žåããã®ãšã©ãŒã¯iOSã§ã®ã¿ã¹ããŒãããŸãã
ãããæçš¿ããŠãããŠããããšãïŒ 2018幎1æã«ãªãªãŒã¹ãããReactNativeã®ææ°ããŒãžã§ã³v0.53.0ã䜿çšããŠããªãããã§ãããã®åé¡ãææ°ããŒãžã§ã³ã§ãåçŸã§ããããšã確èªã§ããŸããïŒ
ãããçµäºããŸãããv0.53.0以éã§ãåé¡ã解決ããªãããšã確èªã§ããå Žåã¯ãæ°ããåé¡ãéããŠãã ããã
åé¡ã¯0.54ã§åæµ®äžããããã§ã
sudo react-native start
ã¯0.54ã§ä¿®æ£ããŸãã
@ foltz @ gastonmorixeãã®åé¡ã¯ãã§ã«è§£æ±ºãããŠããŸãã ãããåèã«ããŠæ°ããªåé¡ãæèµ·ã§ããŸããïŒ
0.52ã§åãåé¡ãçºçããnpmstartã§åäœããŸãã---- reset-cache
ææ°ã®RNã¯yarnã䜿çšããnpminstallãå®è¡ãããšãã€ã§ã...
ãã®æ··åã¯ãã®ãããªåé¡ãåŒãèµ·ãããŸã...
ãã£ãã·ã¥ãã¯ãªã¢ããããšã解決çã§ãã
ãã·ã³ã®åèµ·åã¯ãæ©èœããæãè¿
éã§ç°¡åãªãœãªã¥ãŒã·ã§ã³ã§ãã
npmã®åã€ã³ã¹ããŒã«ãæ©èœããŸããïŒ
äžèšã®ã©ããç§ã®ããã«åããŠããŸããã§ããã $ TMPDIRãéãããã¹ãŠã®metro- *ãã£ã¬ã¯ããªãåé€ããŸãã
ãã®npmãã«ãªã¯ãšã¹ãã¯åé¡https://github.com/npm/npm/pull/20198ãä¿®æ£ããã¯ãã§ãhttps://github.com/npm/npm/issues/16839ãåå ã§ãããšç§ã¯ä¿¡ããŠã
ããã«ãããããŒãžã§ã³0.48ã0.49ã0.50ãããã³0.54ã§ã¹ã¿ãã¯ããæ¥æ°ãããããŸããã åããŠïŒããŒãžã§ã³0.48-0.50ïŒHaulPackagerã䜿çšããŠåé¡ãåé¿ããŸããã ããã¯è¯ã解決çã§ã¯ãªããStorybookãå®è¡ããèœåãå¿ èŠã§ãããããªããšãããéããããšãã§ããŸããã ä»ã§ã¯ãŸã£ããç°ãªãã¢ããªãReact Nativeã®æ°ããããŒãžã§ã³ããããŠåé¡ãæ»ã£ãŠããŸããã ãããŠããã¯å®å šã«ã©ã³ãã ã§ãã ãããäžè²«ããŠåçŸããæ¹æ³ãèŠã€ããããšãã§ããŸããã ãã©ãããã©ãŒã ã®èŒããã°ãããããŒã«ã®ãã°ã«ãã£ãŠå·ã€ããããŠããã®ãèŠããšãã²ã©ãã€ã©ã€ã©ããŸãã
React Native 0.54.0
Xcode 9.3
ã³ã³ãã¥ãŒã¿ãŒã®åèµ·åã圹ç«ã¡ãŸãã
npm cache clean--forceã¯ç§ã®ããã«åãã
@ujeenatorããããšãïŒRN 0.55.3ãã³ã³ãã¥ãŒã¿ãŒãåèµ·åããããšã§ä¿®æ£ã NPMãã£ãã·ã¥ã®ã¯ãªãŒãã³ã°ã¯ç§ã«ã¯ããŸããããŸããã§ããã
ç§ã¯ããªãéæšæºã®ãã«ãã»ããã¢ãããæã£ãŠããã®ã§ãããã«å¯Ÿããæšæºçãªå¿çã®ã©ããç§ã®ããã«åããŠããŸããã ãã ãã.babelrcãã¡ã€ã«ãå«ããµãŒãããŒãã£ã©ã€ãã©ãªã«åé¡ã远跡ããããšãã§ããŸããã ãã³ãã©ãŒããããã«ããããããšãreact-nativeãèŠã€ããããšãã§ããªããªãã倱æããŸãã ããããåé€ããããšã¯ä»ã®ãšããããŸãããããã§ãã
ãŸã èŠåŽããŠãã人ãã¡ãžïŒ @ fr1n63ã®ã³ã¡ã³ãã¯ç§ã®ããã«ãããããŸããã ç§ã以åã«ãã¹ãŠãè©Šããã圹ã«ç«ããªãã£ãã ç§ã®å Žåãreact-native-vector-iconsã®ã³ã³ããã¹ãã§AccessibilityInfoãèŠã€ãããªããšäžå¹³ãèšã£ãŠããŸããã @ fr1n63ã®ææ¡ã«åŸã£ãŠãnode_modules / react-native-vector-iconsã®.babelrcãåé€ããnpm --reset-cacheãåèµ·åãããšãåæ ŒããŸããã ç§ã¯ãããåçŸããããšãã§ããŸããã .babelrcãåå°å ¥ããåã³ç«ã¡åŸçããŠããŸãã ã§ããããä»ã«äœãæ©èœããªãå Žåã¯ãè©ŠããŠã¿ãŠãã ãããè©ŠããŠã¿ã䟡å€ã¯ååã«ãããŸãã
psïŒ
"react"ïŒ "^ 16.3.2"ã
"react-native"ïŒ "^ 0.54.4"ã
npm
代ããã«yarn
npm
ã䜿çšããå¿
èŠããããŸããã
éåžžããã¹ãŠã®ã³ãã³ãã«yarn
ã䜿çšããŸããããã®åé¡ãçºçããŠããŸããã
ãã ãã npm install
ã䜿çšãããšãåé¡ãªãæ©èœããŸãã
rm -rf node_modules/
npm install
npm start -- --reset-cache
yarn
ãnpm
ãšã¯ç°ãªãæ¹æ³ã§äŸåé¢ä¿ãåŠçããæ¹æ³ã«äœããããã¯ãã§ãã
"react-native": "0.47.2"
react-native initã䜿çšããŠã¯ãªãŒã³ã€ã³ã¹ããŒã«ããMacbookã«æ¥ç¶ãããAndroidããã€ã¹ã§ã¢ããªãå®è¡ããŸãã åããšã©ãŒã ãã®ãšã©ãŒãã©ã®ãããç¶ããŠãããä¿¡ããããªãã»ã©ã2015幎ããã®æçš¿ããããŸãããããRNãªã®ãNPMãªã®ãããããªãïŒ
psïŒ
"dependencies": {
"react": "16.3.1",
"react-native": "0.55.4"
},
"devDependencies": {
"babel-jest": "22.4.4",
"babel-preset-react-native": "4.0.0",
"jest": "22.4.4",
"react-test-renderer": "16.3.1"
}
ãkillall-9ããŒããã¯ãã®åé¡ã解決ããŠããããã§ãã
çŸåšããã®åé¡ãçºçããŠããŸãã ããŒãããã±ãŒãžã®åé€ãšåã€ã³ã¹ããŒã«ãã³ã³ãã¥ãŒã¿ãŒã®åèµ·åããã£ãã·ã¥ã®ã¯ãªãŒãã³ã°ãè©Šã¿ãŸãã...äœãæ©èœããŠããªãããã§ãã
ããããŸããã yarn install
å®è¡ããŠäŸåé¢ä¿ã管çããããã«ãyarnã䜿çšããŠãã®åé¡ãä¿®æ£ããŸããã åé¡ãæ£ç¢ºã«äœã§ãããã¯å®å
šã«ã¯ããããŸããããããããPATHãšã°ããŒãã«ã«ã€ã³ã¹ããŒã«ãããããã±ãŒãžã«é¢ä¿ãããã®ã§ãã
å®éã®è§£æ±ºçã¯ãéçºãã·ã³ããªã»ãããããã£ãã·ã¥ãã¯ãªã¢ããŠããããžã§ã¯ããæ°ãã«åå®è¡ããããšã ãšæããŸãã
次ã®ãããããŸãã¯2ã€ãè©ŠããŠãã ãã
解決ç1ã
ãããè¡ãç°¡åãªæ¹æ³ã¯ãã³ã³ãã¥ãŒã¿ãŒãåèµ·åããããšã§ãã
解決ç2
nodejsãµãŒããŒãå®è¡ããŠããã¿ãŒããã«ãéããããŒãã¢ãžã¥ãŒã«ãã©ã«ããŒãåé€ãã killall -9 node
ãå®è¡ããŠããã npm install --reset-cache
ãå®è¡ããŸããããã§å®äºã§ãã
ããŸãããã°ããã®åŸããªãã¯è¡ã£ãŠãããã§ãã
'androidappbuildgenerated'ã®äžã®ãã¹ãŠã®ãã©ã«ããŒãåé€ãããšãæ©èœããŸãã
npm 6ã«ã¢ããã°ã¬ãŒãããyarnã䜿çšããŠã¢ãžã¥ãŒã«ãã€ã³ã¹ããŒã«ããåŸãããã±ãŒãžã£ãŒãå®è¡ãããšã圹ç«ã€æ å ±ãåŸãããŸãã
Loading dependency graph, done.
error: bundling failed: ambiguous resolution: module `/Users/blah/node_modules/react-native/Libraries/react-native/re
act-native-implementation.js` tries to require `AccessibilityInfo`, but there are several files providing this module. You can delete or fix them:
* `/Users/blah/node_modules/react-native-haptic-feedback/playground/node_modules/react-native/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js`
* `/Users/blah/node_modules/react-native/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js`
ããã§ãããããã«ãç§ã¯playground
ãã£ã¬ã¯ããªã«è€è£œãã¡ã€ã«ãæäŸããŠããã©ã€ãã©ãªã䜿çšããŠããŸã:)ã
ã§ããããåé€ããŠã倧äžå€«ã ãšæããŸãã
ã€ãŸããåºæ¬çã«ç§ã«ãšã£ãŠåžžã«æ©èœããã®ã¯æ¬¡ã®ãšããã§ãã
node_modules
ãã©ã«ããŒãåé€ããŸãyarn install
ãå®è¡ããŠããã±ãŒãžããã§ããããŸãnpm run-android
ãŸãã¯npm run-ios
ãã€ãçŽãã°ãããšæããŸãã
react- nativeïŒ0.55.4
react-native run-iosã AccessibilityInfo
ã«ã€ããŠããã€ãã®åé¡ããããŸãã
ãã®åé¡ãä¿®æ£ããæ¹æ³ã¯ïŒ ç§ã¯å©ããå¿
èŠã§ãã
error: bundling failed: Error: Cannot find module 'AccessibilityInfo' (While processing preset: "/Users/chen/ReactNative/ProgramKids1/node_modules/react-native/Libraries/react-native/react-native-implementation.js")
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:548:15)
at Function.Module._load (internal/modules/cjs/loader.js:475:25)
at Module.require (internal/modules/cjs/loader.js:598:17)
at require (internal/modules/cjs/helpers.js:11:18)
at Object.get AccessibilityInfo [as AccessibilityInfo] (/Users/chen/ReactNative/ProgramKids1/node_modules/react-native/Libraries/react-native/react-native-implementation.js:17:36)
at /Users/chen/ReactNative/ProgramKids1/node_modules/lodash/_baseClone.js:145:23
at arrayEach (/Users/chen/ReactNative/ProgramKids1/node_modules/lodash/_arrayEach.js:15:9)
at baseClone (/Users/chen/ReactNative/ProgramKids1/node_modules/lodash/_baseClone.js:142:3)
at cloneDeepWith (/Users/chen/ReactNative/ProgramKids1/node_modules/lodash/cloneDeepWith.js:37:10)
BUNDLE [ios, dev] ./index.ios.js ââââââââââââââââ 0.0% (0/1), failed.
ããã±ãŒãžã£ã匷å¶çµäºãã react-native run-ios
å床å®è¡ãããšããŸããããŸããã äœãã®ããŒãžã§ã³çªå·ãå€æŽããããšãã¯ãã€ã§ããããã解決çã®ããã§ãã
ã¿ããªããããªã«è€éã«ããªãã§ãã ãã...ããã±ãŒãžã£ãŒãåèµ·åããŠããããä¿®æ£ããã®ãæäŒã£ãŠãã ãã...
ãã®åé¡ïŒreact-native-implimentation.jsAccessibilityInfoã¢ãžã¥ãŒã«ãèŠã€ãããŸãã
åå¿ãã€ãã£ãïŒ0.55.4
node_modulesãåã€ã³ã¹ããŒã«ããŠãã£ãã·ã¥ããªã»ããããã ãã§ã¯ãã®åé¡ã¯ä¿®æ£ãããŸãã
node_modulesãåã€ã³ã¹ããŒã«ããåŸãå®è¡ããŸã
react-nativeãªã³ã¯
ãã®åé¡ã®è§£æ±ºçã¯ãŸã ãããŸãããïŒ
react-native init NameOfProjectã䜿çšããåŸãreact-nativeã§åããšã©ãŒãçºçããïŒ0.56.0
誰ããç§ã®åã«ãããèšã£ããã©ããã¯ããããŸãããã 0.56.0
ãã0.55.4
ããŠã³ã°ã¬ãŒããããšãã®åé¡ã解決ããŸããã ð @ PrivateVoidMethod
ææ°ããŒãžã§ã³0.56.0ã¯ç§ã«ã¯æ©èœããŸããã
@jerninvienã®æ§æã«ããŠã³ã°ã¬ãŒããããšãã¢ããªã¯ãšã©ãŒãªãã§å®è¡ãããŸãã
"dependencies": {
"react": "16.3.1",
"react-native": "0.55.4"
},
"devDependencies": {
"babel-jest": "22.4.4",
"babel-preset-react-native": "4.0.0",
"jest": "22.4.4",
"react-test-renderer": "16.3.1"
}
@LasithaPrabodhaã®ããŠã³ã°ã¬ãŒãã¯ãç§ã«ãšã£ãŠãœãªã¥ãŒã·ã§ã³ã®ååã«ãããŸãã
yarn remove babel-preset-react-native
yarn add -D [email protected]
@sideroffã¯ãã ãŸããv5ããv4ã«ããŠã³ã°ã¬ãŒãããŸããã
0.56.0ããããŠã³ã°ã¬ãŒãããã«è§£æ±ºçã¯ãããŸããïŒ
@LasithaPrabodhaã®ãœãªã¥ãŒã·ã§ã³ãè©Šã
error: bundling failed: Error: While resolving module `merge`, the Haste package `merge` was found. However the module `` could not be found within the package. Indeed, none of these files exist:
* `D:\ReactNative\ChartSample\node_modules\react-native\Libraries\vendor\core(.native||.android.js|.native.js|.js|.android.json|.native.json|.json)`
* `D:\ReactNative\ChartSample\node_modules\react-native\Libraries\vendor\core\index(.native||.android.js|.native.js|.js|.android.json|.native.json|.json)`
at resolveHasteName (D:\ReactNative\ChartSample\node_modules\metro-resolver\src\resolve.js:190:9)
at Object.resolve (D:\ReactNative\ChartSample\node_modules\metro-resolver\src\resolve.js:68:20)
at ModuleResolver.resolveDependency (D:\ReactNative\ChartSample\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:161:273)
at ResolutionRequest.resolveDependency (D:\ReactNative\ChartSample\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:91:16)
at DependencyGraph.resolveDependency (D:\ReactNative\ChartSample\node_modules\metro\src\node-haste\DependencyGraph.js:272:4579)
at dependencies.map.relativePath (D:\ReactNative\ChartSample\node_modules\metro\src\DeltaBundler\traverseDependencies.js:376:19)
at Array.map (<anonymous>)
at resolveDependencies (D:\ReactNative\ChartSample\node_modules\metro\src\DeltaBundler\traverseDependencies.js:374:16)
at D:\ReactNative\ChartSample\node_modules\metro\src\DeltaBundler\traverseDependencies.js:212:33
at Generator.next (<anonymous>)
ããã«ã¡ã¯@ ws7one ïŒ node_modules
ãã©ã«ããŒãåé€ãã npm install
ãŸãã¯yarn
å
¥åããŠåã€ã³ã¹ããŒã«ããããšããŸãããïŒ
@lucienblã¯ããç§ãããããŸãããããããããã§ãåããšã©ãŒãçºçããŸãã
ããã¯ãããã±ãŒãžã®ããŒãžã§ã³ç®¡çã®åé¡ã§ã¯ãªãããã§ãã ãããã®ããŒãžã§ã³ã§æ£ç¢ºã«æ§ç¯ããããããžã§ã¯ãããããŸãããããã§ãæ£åžžã«å®è¡ãããŠããããã§ãã äœãæªãã®ãããããªãã ç§ã¯ãã®æç¹ã§ããªãç«ã¡åŸçããŠããã®ã§ãã©ããªå©ãã§ããããããã§ãã
èŠçŽãããšããããç§ãããããšã®ãã¹ãŠã§ãã
react-native init projectName
react-native run-android
-ãAccessibilityInfoã¢ãžã¥ãŒã«ãèŠã€ãããŸããããšã©ãŒãçºçããŸãã-
@LasithaPrabodhaã®ãœãªã¥ãŒã·ã§ã³ãå®è£
ãnode_modules
ãåé€ãã npm install
ã䜿çšããŠåã€ã³ã¹ããŒã«ããŸããreact-native run-android
-ããšã©ãŒïŒã¢ãžã¥ãŒã«merge
解決äžã«...ããšã©ãŒãçºçããŸãã-
ä»ã«äœãè©Šãã¹ããããããªãã
React Nativeã0.55.4
ããŠã³ã°ã¬ãŒãããŠãbabelãªã©ããã®ãŸãŸã«ããŠããå Žåã¯ã©ãã§ããããã @ ws7one
@sideroffã®ããŠã³ã°ã¬ãŒãã¯ãã€ãã£ãã«åå¿ããbabelãç§ã®ããã«åãã
ãã®åé¡ã¯åéãããŸããïŒ ãŸãã¯ã 0.55.4
ã¹ã¿ãã¯ããŸãã ð€
ããã«ããä»ã®ã¿ããªãšåãã§ãã å£ããŠããŸããããããŠã³ã°ã¬ãŒããããšãã¹ãŠãåã³æ©èœããŸãã ããŠã³ã°ã¬ãŒããããšãè匱æ§ã®åé¡ããããšããéç¥ãå±ããŸããã ç§ã¯ããã«ã€ããŠå¿é ããå¿ èŠããããŸããïŒ
ããã§ãåãåé¡ããããŸãã Windows 10ã§å®è¡ãããã€ãã£ã0.56.0ã«åå¿ããŸãã ããŠã³ã°ã¬ãŒããããšè§£æ±ºããŸããã
rn0.56ãã0.55ãžã®ããŠã³ã°ã¬ãŒãã¯ç§ã®ããã«åãã
@lucienblç§ã¯ãããè©ŠããŸããã
react-native init projectName
react-native run-android
-ãAccessibilityInfoã¢ãžã¥ãŒã«ãèŠã€ãããŸããããšã©ãŒãçºçããŸãã-
npm uninstall react-native
npm install --save [email protected]
react-native run-android
ããã¯ç§ã«ä»æ°ãããšã©ãŒãäžããŸããïŒ
error: bundling failed: Error: Plugin 0 specified in "D:\\ReactNative\\chartSamples\\node_modules\\babel-preset-react-native\\index.js" provided an invalid property of "default" (While processing preset: "D:\\ReactNative\\chartSamples\\node_modules\\babel-preset-react-native\\index.js")
at Plugin.init (D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\plugin.js:131:13)
at Function.normalisePlugin (D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\file\options\option-manager.js:152:12)
at D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\file\options\option-manager.js:184:30
at Array.map (<anonymous>)
at Function.normalisePlugins (D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\file\options\option-manager.js:158:20)
at OptionManager.mergeOptions (D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\file\options\option-manager.js:234:36)
at D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\file\options\option-manager.js:265:14
at D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\file\options\option-manager.js:323:22
at Array.map (<anonymous>)
ããªãã䜿çšããŠããå Žåã¯yarn install
ã®ä»£ããã«npm install
ããšã©ãŒãæ¶ããŸã
@ ws7one ãããªãã¯ããå¿
èŠããããŸãreact-native init ProjectName --version 0.55.4
react-native run-android
ããã¯ç§ã®ããã«åããã :)
ããã¯ããŒãžã§ã³0.56ã®æ¬åœã«ãã°ã§ã
@ ws7one babel-preset-react-native
ã4
ããŠã³ã°ã¬ãŒãããŸãããïŒ
ç§ããã®åé¡ã«çŽé¢ããŠããŸããã babel-preset-react-native@4
ã«ããŠã³ã°ã¬ãŒãããåŸã¯ããŸãæ©èœããŸãã
0.56.1ãã0.55.4ãŸã§ð
ãã®åé¡ã¯ãäž»ã«Windowsã§å®è¡ãããŠãããã³ãã©ãŒã«åœ±é¿ãäžããããã§ãã
ç§ã«ãšã£ãŠãããŠã³ã°ã¬ãŒãã¯æ¬¡ã®ããã«æ©èœããŸããã
react-native init awesomeproject
npm remove --save react-native
npm i --save [email protected]
npm remove babel-preset-react-native
npm i --save [email protected]
[email protected]ãžã®ããŠã³ã°ã¬ãŒãã¯ç§ã®ããã«åããŸããïŒ
ç§ã¯ãããä¿®æ£ããããšãã§ããŸããã§ããããããã®ææ¡ã®ããããã§ãäœåºŠãåã€ã³ã¹ããŒã«ããŠããšã©ãŒãçºçããŸããç§ã¯create-react-appã䜿çšããŸãã...
56.0
ãã®åé¡ã¯ãïŒ19953ã§è¿œè·¡ãããŠããããã§ãã
æçµçã«ãã³ãã«ã¯æåããŸããããè匱æ§ã䌎ããnpm install react-native @ 0.56.0ãå®è¡ãããšãåãåé¡ã«æ»ãããšã瀺åãããŸããã
ãŸããpackage.jsonã¹ããŒãã¹ãã¢ãšã©ãŒãçºçããŸãã
@ ws7oneãã®ãšã©ãŒã解決ããŸãããïŒ
error: bundling failed: Error: Plugin 0 specified in "D:\\ReactNative\\chartSamples\\node_modules\\babel-preset-react-native\\index.js" provided an invalid property of "default" (While processing preset: "D:\\ReactNative\\chartSamples\\node_modules\\babel-preset-react-native\\index.js")
at Plugin.init (D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\plugin.js:131:13)
at Function.normalisePlugin (D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\file\options\option-manager.js:152:12)
at D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\file\options\option-manager.js:184:30
at Array.map (<anonymous>)
at Function.normalisePlugins (D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\file\options\option-manager.js:158:20)
at OptionManager.mergeOptions (D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\file\options\option-manager.js:234:36)
at D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\file\options\option-manager.js:265:14
at D:\ReactNative\chartSamples\node_modules\babel-core\lib\transformation\file\options\option-manager.js:323:22
at Array.map (<anonymous>)
ãããã©ã®ããã«æ©èœããã®ãããããŸããããããã©ã®ããã«æ©èœããã®ãé ãæ©ãŸããŠããŸããããä»ã«ãéèŠãªäœæ¥ããããŸããã
ããããããã¯ç§ãããããšã§ãã
react-native init ProjectName
react-native run-android
-ãAccessibilityInfoã¢ãžã¥ãŒã«ãèŠã€ãããŸããããšã©ãŒãçºçããŸãã-
npm uninstall react-native
npm install --save [email protected]
react-native run-android
-ãšã©ãŒïŒãã©ã°ã€ã³0ãæå®ãããŸãã...--
npm install --save babel-core<strong i="14">@latest</strong> babel-loader@latest
-ãšã©ãŒïŒãã©ã°ã€ã³0ãæå®ãããŸãã...---
npm uninstall --save babel-preset-react-native
npm install --save [email protected]
ãããŠããã¯ããŸãåãå§ããŸãã
ç§ã®çŸåšã®äŸåé¢ä¿ïŒ
{
"name": "chartSamples",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"babel-preset-react-native": "^4.0.0",
"eslint-config-rallycoding": "^3.2.0",
"react": "16.4.1",
"react-native": "^0.55.4",
"react-native-highcharts": "^1.0.2"
},
"devDependencies": {
"babel-jest": "23.4.0",
"jest": "23.4.0",
"react-test-renderer": "16.4.1"
},
"jest": {
"preset": "react-native"
}
}
@lucienblã®ãœãªã¥ãŒã·ã§ã³ãè©ŠããŠãã ãã
react-native init ProjectName --version 0.55.4
react-native run-android
PSïŒ @lucienblã®ãœãªã¥ãŒã·ã§ã³ãç§ã®ããã«åããã
@greenaisããªãã®è§£æ±ºçã¯ç§ã®ããã«åããŠããŸããthkïŒ
React Native56.0ã䜿çšããããã®ãœãªã¥ãŒã·ã§ã³ãå¿ èŠã§ãã ãããšãããã«ã®äž»ãªåé¡ã§ããïŒ
React Native 0.56.0ã¯å®å šã«ãã°ãããã®ã§ãæ°ããå®å®ããŒãžã§ã³ãåŸ ã€ããã«0.55.4ã䜿çšããããšããå§ãããŸã:)
äŸåé¢ä¿ã«é¢é£ãã0.56
ãã°ã®ããã§ãã 解決çã¯ãäŸåé¢ä¿ã®æ£ããçµã¿åãããèŠã€ããããšã§ãã ã©ããã£ãŠãã£ãã®ãããããŸããã ãããã @ ws7oneããªãã¯ãã®çµã¿åãããèŠã€ããŸãã!! ðð
react-native >> 0.55.4
babel-core >> latest
babel-loader >> latest
babel-preset-react-native >> 4.0.0
ãã以å€ã®å Žåã¯ããããžã§ã¯ããæåãã0.55.4ã§éå§ãããšãgradleãšã©ãŒãçºçããŸã....ã
react-native init ProjectName --version 0.55.4
@abinaxåãåé¡ã«çŽé¢ãã
@tranquanããã¯ç§ã«ãšã£ãŠååã§ã¯ãããŸããã§ããã
æåã«ããŒãã¢ãžã¥ãŒã«ãã©ã«ããåé€ããŸã
ãããã
reactããã³react-nativeããŒãžã§ã³0.56.0ããããã«å€æŽããŸãã
ææ°ããŒãžã§ã³ã®reactand react nativeã®ãœãªã¥ãŒã·ã§ã³ãããããèŠã€ããããšããåŸã以äžã®ããŒãžã§ã³ã«ããŠã³ã°ã¬ãŒãããå¿
èŠããããŸããAndroidã䜿çšããŠããå Žåã¯ãpackage.jsonãšåãäŸåé¢ä¿ããŒãžã§ã³ã䜿çšããŠãã ããã
äŸåé¢ä¿ãïŒ{
"react"ïŒ "16.3.1"ã
"react-native"ïŒ "0.55.4"
}
ä»ãä»ã®è§£æ±ºçãç§ã®ããã«åããïŒ
react-native init ProjectName --version 0.55.4
ãã ããgradleããŒãžã§ã³ã2.14.1ã§ã¯ãªã3.5.1ã«èšå®ããå¿ èŠããããŸã
çµè«ãšããŠãããã¯Windowsã®react native0.56ã®ãã°ã ãšæããŸãã æåŸã«ãµããŒããããgradleã§ããgradle3.5.1ã§0.55.4ã䜿çšããå¿ èŠããããŸãã
ä»ãç§ã¯ä»äºã«æ»ãããšãã§ããŸã...ð
åããšã©ãŒãçºçããŸãæ°ãããŠã£ã³ããŠãã»ããã¢ããããŠããæé ã«åŸããŸãããæ¯ååããšã©ãŒãçºçããŸã
@sarveshcchauhanã¯ç§ã®æåŸã®æšå¥šäºé
ã䜿çšããŸãïŒ
ãã€ãã£ã0.55.4ãGradle3.5.1ãšåå¿ããã
ããããšã@greenais !! react-native0.55.4ããã³babel-preset-react-native2.1.0ãžã®ããŠã³ã°ã¬ãŒããæ©èœããŸããïŒ
ç§ã¯ãã®ã¹ã¬ããã§äžãããããã¹ãŠã®ãªãã·ã§ã³ãè©ŠããŸããããç§ã®ãŠã£ã³ããŠã§ã¯äœãæ©èœããŸããã
ç§ã®package.jsonã¯ãããšåããããç°¡åã§ã
{
"name": "abc",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"babel-preset-react-native": "^2.1.0",
"react": "16.4.1",
"react-native": "^0.55.4"
},
"devDependencies": {
"babel-jest": "23.4.0",
"jest": "23.4.1",
"react-test-renderer": "16.4.1"
},
"jest": {
"preset": "react-native"
}
}
@skrajathçŸåšãã©ã®ãããªãšã©ãŒãçºçããŠããŸããïŒ åããšã©ãŒã§ããïŒ
WSLã®äœ¿çšã¯åé¿çã«ãªãå¯èœæ§ããããŸãã
@abinax
æåŸã«ããäžåºŠã³ãã³ãã管çè
ãšããŠå®è¡ããå®è¡ããŠã¿ãŸããããå¥åŠãªããšã«AccessibilityInfo
ã®ãšã©ãŒã¯ãããŸããã ã¢ããªã¯æ£åžžã«ãã«ããããŸããããã®ãšã©ãŒãçºçããŸã
Unable to load script from assets 'index.android.bundle'
@skrajathããã¯å¥åŠã§ãð¶ð¶
@abinaxããã¯å¥åŠã§ããã¯ãã ã¢ã»ãããã©ã«ãã«android/app/src/main/assets
ããããŸãã
@ ws7oneã®ã³ã¡ã³ãã«åŸã£ãŠãšã©ãŒã解決ããŸããã
ãã®åŸãnative-baseãšreact-navigationãã€ã³ã¹ããŒã«ããŸãããåã«ç©ºçœã®ç»é¢ã衚瀺ãããŸããnative-baseã®ããŒãžã§ã³ã2.3.5ã«å€æŽããŸããããreact-navigationãæ©èœããŠããŸããã
誰ãã解決çãæçš¿ããŠãã ãã
ä»äº@abinax ãããããšã
@ Johnson1997
ç§ã®package.json
{
"name": "AppName",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"moment": "^2.22.2",
"native-base": "^2.7.2",
"react": "16.4.1",
"react-apollo": "^2.1.9",
"react-native": "0.55.4",
"react-navigation": "^2.8.0"
},
"devDependencies": {
"babel-eslint": "^8.2.6",
"babel-jest": "23.4.0",
"babel-preset-react-native": "4.0.0",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^17.0.0",
"eslint-plugin-import": "^2.13.0",
"eslint-plugin-jsx-a11y": "^6.1.1",
"eslint-plugin-react": "^7.10.0",
"jest": "23.4.1",
"prettier-eslint": "^8.8.2",
"react-test-renderer": "16.4.1"
},
"jest": {
"preset": "react-native"
}
}
ç§ã¯è§£æ±ºçãèŠã€ããŸãããªã³ã¯ããã©ã£ãŠãã ãã
ç§ã®ã³ã¡ã³ãããã§ãã¯ããŠãåé¡ã解決ããŠãã ãã
https://stackoverflow.com/questions/48756550/unable-to-resolve-module-accessibilityinfo-when-trying-to-create-release-bund/51436043#51436043
react-nativeããŒãžã§ã³ã"react-native": "0.55.4"
ããŠã³ã°ã¬ãŒãããã ãã§ã
@ Hemant-ReactNativeããŒãžã§ã³ã®ã¿ãããŠã³ã°ã¬ãŒãããSynerzipã¯è§£æ±ºçã§ã¯ãããŸããðã äžèšã®ãªãã¬ã€ãèªã¿ãŸãããïŒ
ããã¯ç§ã®ããã«åããïŒ {
"name": "demo21",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"react": "16.3.1",
"react-native": "0.55.4"
},
"devDependencies": {
"babel-jest": "22.4.1",
"babel-preset-react-native": "4.0.0",
"jest": "22.4.2",
"react-test-renderer": "16.3.1"
},
"jest": {
"preset": "react-native"
}
}
以äžã®æé ã«åŸã£ãŠããã®åé¡ãç°¡åã«è§£æ±ºããŸããã
{
"name": "NameOfYourProject",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"react": "16.3.1",
"react-native": "0.55.4"
},
"devDependencies": {
"babel-jest": "23.2.0",
"babel-preset-react-native": "4.0.0",
"jest": "23.2.0",
"react-test-renderer": "16.3.1"
},
"jest": {
"preset": "react-native"
}
}
ã¡ã€ã³ãããžã§ã¯ããã©ã«ããŒããnode_modulesãã©ã«ããŒãåé€ããŸãã
次ã«ã次ã®æ¹æ³ã§ããŒãã
npm install --save
react-native run-android
ãreact-nativeããå«ããã¹ãŠã®å¿ èŠãªäŸåé¢ä¿ãããŠã³ã°ã¬ãŒãããŸãã :)
糞ã«åãæ¿ããããšã§ãã®åé¡ã解決ãããšèšãããã§ãã åãæ¿ã以æ¥ããã®åé¡ã¯çºçããŠããŸããïŒ1幎åããã®ã¹ã¬ããã®åé ã«ç§ã®æçš¿ã®1ã€ã衚瀺ãããŠããŸãïŒ
ä»æ¥ã§ãã誀ã£ãŠnpmã䜿çšããŠäŸåé¢ä¿ãä¿åãããšãäžéšã®äŸåé¢ä¿ãåé€ãããXã¢ãžã¥ãŒã«ãããã«ãªãããããããžã§ã¯ãããã«ããããªããªããŸãã
ããã¯react-native0.56.0ã§ä¿®æ£ãããŠãããããã®åé¡ã¯éåžžã«å€ãååšããŸãã
3é±éåã«XamarinFormsã®RNãæŸæ£ããŸãããããããç§ã«ãšã£ãŠæåŸã®ã¹ãããŒã§ããã
ç§ã¯æ¬åœã«äœã¶æãåãçµãã§ãããããžã§ã¯ããRNããFlutterã«ç§»ãããšããŠããŸãã ããã¯æéã®ç¡é§ã§ãã ãã®ãããªç¡èœãªèšèªã
@williamdarkocodeèšèªã¯ç¡èœã§ã¯ãããŸãã...ã¡ã³ããã¯...ç¡èœã§ããããå®éã«ã¯äžããŸãã...å€å圌ãã¯ãã§ã«ãã€ãã£ããŸãã¯ãã©ãã¿ãŒã«ç§»è¡ããŠããŠããæ°ã«ããŸããïŒïŒ...ãããŠãããæ¥ããšãã³ãã¥ãã±ãŒã·ã§ã³ãž...圌ãã¯æ¬åœã«ã¹ãã«ãæ¬ ããŠããŸã
ããã®èª°ããVueã®ãã€ãã£ãã¹ã¯ãªãããè©ŠããŸãã..ïŒ React NativeããããŸã§ã«èŠãããšã®ãªãããããçš®é¡ã®ãšã©ãŒãã¹ããŒããŠããããããããžã§ã¯ããNative Script-Vueã«å€æããããšãèããŠããŸãã ã©ããªææ¡ãéåžžã«é©çšãããŸãã
@lahed
ç§ã¯reactnativeãããŠã³ã°ã¬ãŒãããããšããnative-baseãšreact-navigationã®äžèŽããããŒãžã§ã³ãã€ã³ã¹ããŒã«ããŸãããreact-nativeã®çŽç²ãªã³ã³ããŒãã³ãã®ã¿ãåãå ¥ããŸããreact-native-twitter-signinããã±ãŒãžããµããŒãããŠããŸããã次ã®ãšã©ãŒãã¹ããŒããŸãã SDKããŒãžã§ã³ãæ¯åç°ãªããšã©ãŒãã¹ããŒãããŸãããããžã§ã¯ããã©ã«ããåé€ã§ããŸããããã©ã«ããåé€ããããšãããšãããœãŒã¹ãã¡ã€ã«åããã¡ã€ã«ã·ã¹ãã ã§ãµããŒããããŠãããµã€ãºããã倧ãããªããŸãã ãã
誰ããããããçš®é¡ã®ãšã©ãŒã®æ£ç¢ºãªè§£æ±ºçãæçš¿ããŸãã
0.56
ãå£ããŠããããã§ãã 代ããã«0.55.4
䜿çšããŠãã ããã
ããã«ã€ããŠäœãé²æ©ã¯ãããŸããïŒ 0.55.4
ã«react-nativeãããŠã³ã°ã¬ãŒããããšãåé¡19126ã§ã¹ã¿ãã¯ãã 0.56
ã«ãšã©ãŸããšãã³ã³ãã€ã«ããšãã¥ã¬ãŒã¿ãŒã§ã®å®è¡ããŸãã¯äœãã§ããªããããã©ãããã°ãããããããŸãããåé¡19126ã®ä¿®æ£ã¯ç§ã«ã¯æ©èœããŸãã
ãªããã®åé¡ã¯ãŸã 解決ãããŠããã®ã§ããïŒ ãŸã 誰ãããã解決ããŠããŸããããã¹ãŠããã®åé¡ã«ã€ããŠäžå¹³ãèšã£ãŠããŸãã ã©ã®ããã«è§£æ±ºããŸããïŒïŒ ç§ã¯ãã§ã«ä»äºã®æ¥ã倱ããŸãã...ç§ã¯ããããªãéããã®ãç解ããŠããŸããã
@PrsRaresãã¶ã圌ãã¯ïŒ19953ã§åããŠããŸãã
@gluons thxã圌ãã¯ãããæ©èœãããŸããã§ããããããå°ãªããšãç§éã¯åœŒãããã®ããŒãžã§ã³ã§ã§ããªãããšãä»ç¥ã£ãŠããŸãããããŠããã¯0.57ã§ä¿®æ£ãããã§ãããã THXã
Okã ç§ã®ããã«åããã®ã¯å°ãç²éã§ããããç§ã¯ãããããŸããããšæããŸãã
react-native initãå®è¡ãã代ããã«ãcreate react appã䜿çšããäŸåé¢ä¿ãã€ã³ã¹ããŒã«ãããããããžã§ã¯ãã®ãã£ã¬ã¯ããªããã¡ã€ã«ã転éãããããåã«ãnpmã¯ejectãå®è¡ããŸãã ãšãã¹ãã€ãžã§ã¯ãæ¹åŒã¯éžæããªãã§ãã ããã ã€ãžã§ã¯ããå®äºãããããããžã§ã¯ãpackage.jsonã«ãã¹ãŠã®äŸåé¢ä¿ãã€ã³ã¹ããŒã«ãã衚瀺ããããã¢äŸåé¢ä¿ãšã©ãŒã®éã«é¢ä¿ãªããnpmç£æ»ä¿®æ£ãå®è¡ããªãã§ãã ããã ãã®çç±ã¯ãnpmã€ãžã§ã¯ããå®è¡ãããšããã³ã¢äŸåé¢ä¿ã®ããŒãžã§ã³ããããžã§ã¯ãã«æé©ã«ãªãããã§ãã äŸåé¢ä¿ãçµãã£ããããããžã§ã¯ããã¡ã€ã«ãã³ããŒããŠè²Œãä»ããããã¡ã€ã«/ãã£ã¬ã¯ããªãèŠã€ãããŸããããšã©ãŒãªã©ã®ãšã©ãŒã解決ããŸãã
ãäŸåé¢ä¿ãïŒ{
"react"ïŒ "^ 16.4.1"ã
"react-native"ïŒ "^ 0.55.4"
}ã
"devDependencies"ïŒ{
"babel-preset-react-native"ïŒ "^ 4.0.0"ã
}ã
次ã®äŸåé¢ä¿ãæã£ãåŸã§ãããšã©ãŒãæç¶ããŸãã
以äžã®ã³ãã³ãã¯ç§ã解決ããã®ã«åœ¹ç«ã¡ãŸãã
cd android
ã°ã©ãã«ã¯ãªãŒã³
CD ..
react-native run-android
æãåèã«ãªãã³ã¡ã³ã
ã°ãããŠããããã«èãããŸãããã³ã³ãã¥ãŒã¿ãåèµ·åããããšã解決çãããããŸããïŒ