web-dev-qa-db-ja.com

エラー：jest-haste-map：Hasteモジュールの名前の衝突：

カスタムnpm moduleを作成し（名前の代わりにxxxを使用します）、npm installを使用して手動でリンクします。

私は一生懸命頑張って検索しました：

質問をする前に。誰かが私のコードや私のアプローチの何が悪いのか、私のコードのエラーを教えてくれればありがたいです。

react-native run-Androidを実行すると、metro bundlerによって次のエラーが発生します。

Error: jest-haste-map: Haste module naming collision:
  Duplicate module name: react-native
  Paths: E:\cdg-native\CDG\node_modules\react-native-XXX\node_modules\react-native\package.json collides with E:\cdg-native\CDG\node_modules\react-native\package.json

This error is caused by `hasteImpl` returning the same name for different files.

私のカスタムモジュールpackage.jsonは

{
  "name": "react-native-xxx",
  "version": "1.0.0",
  "description": "Library to render xxx",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "react native xxx"
  ],
  "author": "Firdous Nath",
  "license": "ISC",
  "peerDependencies": {
    "react": "*",
    "react-native": "*"
  },
  "devDependencies": {
    "react": "^16.6.1",
    "react-native": "^0.57.5",
    "babel-cli": "^6.26.0",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-plugin-transform-object-rest-spread": "^6.26.0",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1"
  }
}

カスタムモジュールのindex.jsは、以下のように非常にシンプルです。

import React from "react";
import { Text } from "react-native";

export default class XXXView extends React.Component {

    render() {
        return (
            <Text> From custom module </Text>
        );
    }
}

カスタムモジュールを使用しているファイルは

import React from "react";
import {StyleSheet, View} from "react-native";
import XXXView from "react-native-xxx"
//import {XXXView} from "react-native-xxx" -> I tried this as well

export default class App extends React.Component {
    render() {
        return (
            <View style={styles.container}>
                <XXXView/>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: "center",
        alignItems: "center",
        backgroundColor: "#f5fcff"
    }
});

npm install /absolute/path/to/xxxを試したところ、モジュールが正しくリンクされました。正しくは、nodemoduleディレクトリにreact-native-xxxパッケージが表示されることを意味します。私はすべての可能な方法をしましたが、何もうまくいきませんでした。

私も試しましたが成功しませんでした

  • ヤーンは/ absolute/path/to/react-native-xxxを追加します
  • 反応ネイティブリンク反応ネイティブxxx
  • 反応ネイティブ実行Android
androidreact-nativenpmnpm-installyarnpkg
15
Firu

2つの異なる反応ネイティブプロジェクトフォルダーがあり、1つは別のプロジェクトフォルダーに依存しており（node_module依存関係として含まれています）、ライブラリフォルダーからサーバーの開始（ "react-native start"）コマンドを実行しているようです。

1
Soman Dubey