Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • C create-react-app
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 1,547
    • Issues 1,547
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 417
    • Merge requests 417
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Meta
  • create-react-app
  • Issues
  • #13054
Closed
Open
Issue created Mar 09, 2023 by David Tu@davidgtu

graphql-codegen will not start the local development server if placed inside the "src" directory

Describe the bug

I am in the process of setting up [graphql-codegen](https://github.com/dotansimha/graphql-code-generator) and I've come to a realization that when trying to generate my types, queries, and mutations in my src directory, when I start my local development server (react-scripts start), I get this output from my console:

Starting the development server...

However, this hangs for a long time. I'm not even sure if it will compile or do anything. As of writing, I've let it sit for more than 10 minutes with no movement. There are no errors. The code generated is about 8000 lines long, so I'm wondering if it could be that.

I've tried deleting that and moving my code outside of the src directory and I was actually able to start my server in a few seconds. I thought this would help, but when I try to import something outside of the src directory, I am met with this error:

Module not found: Error: You attempted to import ../../../generated/graphql which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.
You can either move it inside src/, or add a symlink to it from project's node_modules/.

To the last point of using symlink, I tried going about this route, but I would need to set up babel since the generated code uses things like import and export, and I feel like that's overkill, though it seems like the only realistic option for now.

Did you try recovering your dependencies?

I am using yarn -- I have tried deleting node_modules, yarn.lock, etc. Nothing worked. yarn version: 1.22.19

Environment

npx create-react-app --info
Need to install the following packages:
  create-react-app
Ok to proceed? (y) y
npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.

Environment Info:

  current version of create-react-app: 5.0.1
  running from /Users/david/.npm/_npx/c67e74de0542c87c/node_modules/create-react-app

  System:
    OS: macOS 13.2
    CPU: (10) arm64 Apple M1 Pro
  Binaries:
    Node: 16.15.1 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 8.11.0 - /usr/local/bin/npm
  Browsers:
    Chrome: 110.0.5481.177
    Edge: Not Found
    Firefox: 107.0.1
    Safari: 16.3
  npmPackages:
    react: ^18.1.0 => 18.2.0 
    react-dom: ^18.1.0 => 18.2.0 
    react-scripts: 5.0.1 => 5.0.1 
  npmGlobalPackages:
    create-react-app: Not Found

Steps to reproduce

(Write your steps here:)

  1. If you have graphql and graphql-codegen set up, create a few queries and run codegen. Have it output into the src directory.
  2. Run the local server
  3. Observe it might freeze.
  4. generate the queries outside of the src directory
  5. run the local development server.
  6. import it. It will complain that I can't import from outside the src directory.

Expected behavior

The expected behavior is to have the local development server start normally despite having a large file generated in src

Actual behavior

Local development server hangs indefinitely.

Assignee
Assign to
Time tracking