jest-haste-map: Haste module naming collision: react-native #26397

Activity

1. ldco2016

   added

   Bug

   on Sep 10, 2019
2. Frindecent commented on Sep 10, 2019

   

   Frindecent

   on Sep 10, 2019

   More actions

   you might be importing package.json in your js code. Remove that import and then try to start your bundler again.
3. ldco2016 commented on Sep 10, 2019

   

   ldco2016

   on Sep 10, 2019

   Author

   More actions

   @Frindecent , I have found that package.json is being required in 521 files, but I will guess I should remove it from the scripts that is attempting to generate the apks and ipas.
4. Frindecent commented on Sep 10, 2019

   

   Frindecent

   on Sep 10, 2019

   Last edited by Frindecent

   More actions

   You donot need to remove package.json from the dependencies or packages.. lets say ‘react-native-vector-icons’.
   Just remove the import of package.json from the original code you wrote for your app. You might be importing it for app version or maybe app name
5. ldco2016 commented on Sep 10, 2019

   

   ldco2016

   on Sep 10, 2019

   Author

   More actions

   @Frindecent , the only place where I saw in our own code that package.json is being imported is:

   e2e/init.js:

   const detox = require("detox");
   // const config = require("../package.json").detox;
   // importing package.json ^^^
   const adapter = require("detox/runners/jest/adapter");
   
   jest.setTimeout(120000);
   jasmine.getEnv().addReporter(adapter);
   
   beforeAll(async () => {
     await detox.init(config);
   });
   
   beforeEach(async () => {
     await adapter.beforeEach();
   });
   
   afterAll(async () => {
     await adapter.afterAll();
     await detox.cleanup();
   });
   

   scripts/ios/build.js:

   import path from "path";
   import { execSync } from "child_process";
   import { name, iosDirectory } from "../../app.json";
   // import { version } from "../../package.json";
   // importing package.json ^^^
   import { resolveFromRoot, distDir, createLogger } from "../build";
   
   const getProcessOptions = () => {
     return {
       env: Object.assign({}, process.env, {
         // used to skip packager, since we default to release bundler is built in
         RCT_NO_LAUNCH_PACKAGER: true,
         CI_IOS_VERSION_NAME: version
         // CI_IOS_BUILD_NUMBER: build,
       })
     };
   };
   

   scripts/build.js:

   import yargs from "yargs";
   import path from "path";
   import fs from "fs-extra";
   import { version } from "../package.json";
   
   export const buildArgv = yargs.options({
     version: { string: true, default: version }
     // build: { number: true, demandOption: 'build number must be passed' },
   });
   
   export const resolveFromRoot = (pathStr: string) =>
     path.resolve(__dirname, `../${pathStr}`);
   export const distDir = resolveFromRoot("dist");
   
   const makeDirIfNotExists = dir => {
     if (!fs.existsSync(dir)) {
       fs.mkdirSync(dir);
     }
   };
   

   I could not comment it out from the last one because it would error out.

   Results:

   Still getting in Metro Packager:

   jest-haste-map: Haste module naming collision: react-native
     The following files share their name; please adjust your hasteImpl:
       * <rootDir>/node_modules/react-native/package.json
       * <rootDir>/ios/build/Build/Intermediates.noindex/ArchiveIntermediates/DEV/InstallationBuildProductsLocation/Applications/DEV.app/assets/node_modules/react-native/package.json
   
6. Frindecent commented on Sep 10, 2019

   

   Frindecent

   on Sep 10, 2019

   More actions

   You will need to comment it out from the last one too.. check what is the version in package.json.. and then after commenting write

   Const version = “whatever the version is” . So you wont have errors.. and next time while changing the version of the app you will change from here too
7. ldco2016 commented on Sep 11, 2019

   

   ldco2016

   on Sep 11, 2019

   Last edited by ldco2016

   Author

   More actions

   @Frindecent , I did the following refactor to scripts/build.js:

   import yargs from "yargs";
   import path from "path";
   import fs from "fs-extra";
   // import { version } from "../package.json";
   const version = "4.0.0";
   
   export const buildArgv = yargs.options({
     version: { string: true, default: version }
     // build: { number: true, demandOption: 'build number must be passed' },
   });
   
   export const resolveFromRoot = (pathStr: string) =>
     path.resolve(__dirname, `../${pathStr}`);
   export const distDir = resolveFromRoot("dist");
   
   const makeDirIfNotExists = dir => {
     if (!fs.existsSync(dir)) {
       fs.mkdirSync(dir);
     }
   };
   
   export const makeFolderPath = dirPath => {
     const pathParts = dirPath.split("/").reduce((acc, curr) => {
       const newPath = path.join(acc, curr);
       makeDirIfNotExists(newPath);
       return newPath;
     }, resolveFromRoot("."));
   };
   
   const repeatString = (input, length) => {
     return Array.from({ length })
       .map(_ => input)
       .join("");
   };
   
   export const createSectionHeader = (
     input,
     { repeatChar = "*", maxLen = 80 } = {}
   ) => {
     if (input.length >= maxLen) {
       return input;
     }
     // added 2 for spaces around input
     const paddingNeeded = maxLen - (input.length + 2);
     const padding = repeatString(repeatChar, Math.floor(paddingNeeded / 2));
     return [padding, input, padding].join(" ");
   };
   
   // todo: make this better, pass logType and curry
   export const logAndWriteLine = (logger, input) => {
     console.log(input);
     logger.write(`${input}\n`);
   };
   
   export const createLogger = args => {
     let id = args;
     if (typeof id === "object") {
       id = args.id;
     }
     makeFolderPath("./dist/log");
     const buildLogPath = resolveFromRoot(`dist/log/build-${id}.log`);
     // use same file name and delete before opening stream
     if (fs.existsSync(buildLogPath)) {
       fs.removeSync(buildLogPath);
     }
     const stream = fs.createWriteStream(buildLogPath);
   
     return {
       logHeader: (input, { repeatChar, maxLen } = {}) => {
         const header = createSectionHeader(input, { repeatChar, maxLen });
         console.log(header);
         // error below
         stream.write(`${header}\n`);
       },
   
       write: input => stream.write(input),
       log: input => console.log(input),
       error: input => {
         stream.write(input.message ? input.message : input);
         console.error(input);
       },
       close: () => stream.close()
     };
   };
   

   I still get the following error when running npm run android:

   jest-haste-map: Haste module naming collision: react-native
     The following files share their name; please adjust your hasteImpl:
       * <rootDir>/node_modules/react-native/package.json
       * <rootDir>/ios/build/Archive/DEV.xcarchive/Products/Applications/DEV.app/assets/node_modules/react-native/package.json
   
   Failed to construct transformer:  { Error: Duplicated files or mocks. Please check the console for more info
       at setModule (/Users/danale/Projects/NFIBEngage/node_modules/jest-haste-map/build/index.js:620:17)
       at workerReply (/Users/danale/Projects/NFIBEngage/node_modules/jest-haste-map/build/index.js:691:9)
       at process._tickCallback (internal/process/next_tick.js:68:7)
     mockPath1: 'node_modules/react-native/package.json',
     mockPath2:
      'ios/build/Archive/DEV.xcarchive/Products/Applications/DEV.app/assets/node_modules/react-native/package.json' }
   error Duplicated files or mocks. Please check the console for more info. Run CLI with --verbose flag for more details.
   Error: Duplicated files or mocks. Please check the console for more info
       at setModule (/Users/danale/Projects/NFIBEngage/node_modules/jest-haste-map/build/index.js:620:17)
       at workerReply (/Users/danale/Projects/NFIBEngage/node_modules/jest-haste-map/build/index.js:691:9)
       at process._tickCallback (internal/process/next_tick.js:68:7)
   

   The only way I am able to get the scripts working is by running:

   rm -rf ios/build && GitVersion_BranchName="release/abcd" npm run build, so I have to remove ios/build directory first.

   To be clear this does not resolve it, it eventually creates the /ios/build/Archive/DEV.xcarchive/Products/Applications/DEV.app/assets/node_modules/react-native/package.json this all over again.
8. ldco2016 commented on Sep 17, 2019

   

   ldco2016

   on Sep 17, 2019

   Author

   More actions

   The way I had to resolve this was by first running rm /ios/build/Archive/DEV.xcarchive/Products/Applications/DEV.app/assets/node_modules/react-native/package.json
9. stale commented on Dec 16, 2019

   

   staleBot

   on Dec 16, 2019

   More actions

   Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.
10. stale

    added

    StaleThere has been a lack of activity on this issue and it may be closed soon.There has been a lack of activity on this issue and it may be closed soon.

    on Dec 16, 2019
11. stale commented on Dec 23, 2019

    

    staleBot

    on Dec 23, 2019

    More actions

    Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.
12. stale

    closed this as completedon Dec 23, 2019
13. react

    locked as resolved and limited conversation to collaborators on Dec 24, 2019