Ошибка: jest-haste-map: Коллизия именования модулей ускорения: - PullRequest
Новая
       45

Ошибка: jest-haste-map: Коллизия именования модулей ускорения:

0 голосов
/ 09 января 2019

Я создал пользовательский 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 is 

{
  "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, и он правильно связал модуль. Под правильным пониманием я вижу пакет react-native-xxx в каталоге nodemodule. Я сделал все возможное, но ничего не получилось.

Я тоже пытался, но безуспешно

  • добавление пряжи / абсолютное / путь / к / реагировать-родной-ххх
  • реакция-родная ссылка реакт-родная-ххх
  • реакция-нативный run-android

Ответы [ 2 ]

0 голосов
/ 12 марта 2019

Добавить rn-cli.config.js В корневом проекте 

const blacklist = require('metro-config/src/defaults/blacklist');
module.exports = {
 resolver: {
    blacklistRE: blacklist([
        /node_modules\/.*\/node_modules\/react-native\/.*/,
    ])
 },
};

см. Этот выпуск

Надеюсь, у вас это получится

0 голосов
/ 09 января 2019

Полученная ошибка означает, что у вас есть две react-native зависимости. Один в вашем основном проекте, другой в вашем модуле xxx, что создает конфликт между их package.json s. похоже, что если вы устанавливаете пакет по локальному пути, он копирует свой каталог node_modules.

Поскольку у вас уже есть react-native в качестве равноправной зависимости в package.json вашего пользовательского модуля, попробуйте удалить E:\cdg-native\CDG\node_modules\react-native-XXX\node_modules, это должно разрешить конфликт.

...