Quantcast
Channel: Active questions tagged react-native+typescript - Stack Overflow
Viewing all articles
Browse latest Browse all 6290

Error: While resolving module, the Haste package was found. the module could not be found within the package

$
0
0

I am trying the new arch of react native. I have enabled it in my gradle.properties file. This error is for android only and I have not tried iOS yet.

I am following the exact sample of Calculator mentioned over here.

I get an error saying

error: Error: While resolving module `rtn-calculator/js/NativeCalculator.js`, the Haste package `rtn-calculator` was found. However the module `js/NativeCalculator.js` could not be found within the package. Indeed, none of these files exist:  * `/Users/transformhub/Desktop/rnapp/RTNCalculator/js/NativeCalculator.js(.native|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)`  * `/Users/transformhub/Desktop/rnapp/RTNCalculator/js/NativeCalculator.js/index(.native|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)`    at resolveHasteName (/Users/transformhub/Desktop/rnapp/node_modules/metro-resolver/src/resolve.js:173:9)    at Object.resolve (/Users/transformhub/Desktop/rnapp/node_modules/metro-resolver/src/resolve.js:63:20)    at ModuleResolver.resolveDependency (/Users/transformhub/Desktop/rnapp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:111:31)    at DependencyGraph.resolveDependency (/Users/transformhub/Desktop/rnapp/node_modules/metro/src/node-haste/DependencyGraph.js:260:43)    at Object.resolve (/Users/transformhub/Desktop/rnapp/node_modules/metro/src/lib/transformHelpers.js:177:21)    at Graph._resolveDependencies (/Users/transformhub/Desktop/rnapp/node_modules/metro/src/DeltaBundler/Graph.js:432:35)    at Graph._processModule (/Users/transformhub/Desktop/rnapp/node_modules/metro/src/DeltaBundler/Graph.js:218:38)    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)    at async Graph._addDependency (/Users/transformhub/Desktop/rnapp/node_modules/metro/src/DeltaBundler/Graph.js:314:20)    at async Promise.all (index 2)

The complete repo is here

Below is sample code

NativeCalculator.tsimport type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';import {TurboModuleRegistry} from 'react-native';export interface Spec extends TurboModule {  add(a: number, b: number): Promise<number>;}export default TurboModuleRegistry.get<Spec>('RTNCalculator') as Spec | null;package com.rtncalculator;import androidx.annotation.Nullable;import com.facebook.react.bridge.NativeModule;import com.facebook.react.bridge.ReactApplicationContext;import com.facebook.react.module.model.ReactModuleInfo;import com.facebook.react.module.model.ReactModuleInfoProvider;import com.facebook.react.TurboReactPackage;import java.util.Collections;import java.util.List;import java.util.HashMap;import java.util.Map;public class CalculatorPackage extends TurboReactPackage {  @Nullable  @Override  public NativeModule getModule(String name, ReactApplicationContext reactContext) {      if (name.equals(CalculatorModule.NAME)) {          return new CalculatorModule(reactContext);      } else {          return null;      }  }  @Override  public ReactModuleInfoProvider getReactModuleInfoProvider() {      return () -> {          final Map<String, ReactModuleInfo> moduleInfos = new HashMap<>();          moduleInfos.put(                  CalculatorModule.NAME,                  new ReactModuleInfo(                          CalculatorModule.NAME,                          CalculatorModule.NAME,                          false, // canOverrideExistingModule                          false, // needsEagerInit                          true, // hasConstants                          false, // isCxxModule                          true // isTurboModule          ));          return moduleInfos;      };  }}package com.rtncalculator;import androidx.annotation.NonNull;import com.facebook.react.bridge.NativeModule;import com.facebook.react.bridge.Promise;import com.facebook.react.bridge.ReactApplicationContext;import com.facebook.react.bridge.ReactContext;import com.facebook.react.bridge.ReactContextBaseJavaModule;import com.facebook.react.bridge.ReactMethod;import java.util.Map;import java.util.HashMap;import com.rtncalculator.NativeCalculatorSpec;public class CalculatorModule extends NativeCalculatorSpec {    public static String NAME = "RTNCalculator";    CalculatorModule(ReactApplicationContext context) {        super(context);    }    @Override    @NonNull    public String getName() {        return NAME;    }    @Override    public void add(double a, double b, Promise promise) {        promise.resolve(a + b);    }}

Viewing all articles
Browse latest Browse all 6290

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>