bhauman / bhauman/react-native-figwheel-bridge

Formatters cannot be installed

Open
#8 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
80
Forks
10
PR merge metrics
No merged PRs in 30d

Description

I am following the sample example.

In my main I have:


(ns tech.matterindustries.titan.mobile.core.main
(:require [react]
[react-native :as rn]))

(def <> react/createElement)

(defn renderfn [props]
(<> rn/View
#js {:style #js {:backgroundColor "#FFFFFF"
:flex 1
:justifyContent "center"}}
(<> rn/Text
#js {:style #js {:color "black" :textAlign "center"}}
(str "HELLO Mobile"))))

;; the function figwheel-rn-root must be provided. It will be called by
;; react-native-figwheel-bridge to render your application.
;; You can configure the name of this function with config.renderFn
(defn figwheel-rn-root []
(renderfn {}))
(defn renderfn [props]
(<> rn/View
#js {:style #js {:backgroundColor "#FFFFFF"
:flex 1
:justifyContent "center"}}
(<> rn/Text
#js {:style #js {:color "black" :textAlign "center"}}
(str "HELLO"))))

;; the function figwheel-rn-root must be provided. It will be called by
;; react-native-figwheel-bridge to render your application.
;; You can configure the name of this function with config.renderFn
(defn figwheel-rn-root []
(renderfn {}))`

The android.cljs.edn

`^{:open-url false
:npm {:bundles {"dummy.js" "index.js"}}}
{:main core.main}`

My index.js

import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);

cljsExports = {};
cljsExports["react"] = require('react');
cljsExports["react-native"] = require('react-native');
cljsExports["create-react-class"] = require('create-react-class');

var figBridge = require("react-native-figwheel-bridge");

figBridge.shimRequire(cljsExports);
figBridge.start({appName: "my_mobile_app",
optionsUrl: "http://localhost:8081/target/public/cljs-out/android/cljsc_opts.json"});`

The deps.edn


{:deps {org.clojure/clojurescript {:mvn/version "1.10.439"}
com.bhauman/figwheel-main {:mvn/version "0.2.1-SNAPSHOT"}}
:paths ["src/main" "target" "resources"]}

And is the error that I get:
![WhatsApp Image 2019-12-10 at 5 42 15 AM](https://user-images.githubusercontent.com/11287538/70494378-c0ba8800-1b13-11ea-9ff4-61365d8ab0dd.jpeg)
![image](https://user-images.githubusercontent.com/11287538/70494406-de87ed00-1b13-11ea-9025-e9d3bf97331b.png)
![image](https://user-images.githubusercontent.com/11287538/70494427-ed6e9f80-1b13-11ea-98f6-2370a74d115a.png)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the sample setup using android.cljs.edn, index.js, and deps.edn, then inspect the installation failure shown in the attached screenshots. Done means the sample React Native ClojureScript project can install its formatters without the reported errors.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile, tooling
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.