Yarn 2 not working with basic setup

[Kinbaum]

I'm looking for some guidance on this problem I'm having. I am looking into Yarn 2 with Next.js and I cannot get a basic example working. Here is my setup

// package.json
{
    "name": "testing-yarn-2",
    "scripts": {
        "dev": "next dev"
    },
    "dependencies": {
        "next": "^9.3.4",
        "react": "^16.13.1",
        "react-dom": "^16.13.1"
    }
}

After running yarn to install dependencies, I've tried running yarn dev as well as yarn next. Both output the following error message:

my-app $ yarn next
[ wait ]  starting the development server ...
[ info ]  waiting on http://localhost:3000 ...
Error: A package is trying to access another package without the second one being listed as a dependency of the first one

Required package: strip-ansi (via "strip-ansi")
Required by: next@virtual:...

Additional terminal output

{
    code: 'MODULE_NOT_FOUND',
    pnpCode: 'UNDECLARED_DEPENDENCY',
    data: {
        request: 'strip-ansi',
        issuer: '...virtual/next/dist/build/',
        issuerLocator: {
            name: 'next',
            reference: 'virtual:....next-9.3.4.tgz'
        },
        dependencyName: 'strip-ansi',
        candidates: [
            'next',
            '@ampproject/toolbox-optimizer',
            '@babel/core',
            '@babel/plugin-proposal-class-properties',
            '@babel/plugin-proposal-nullish-coalescing-operator',
            '@babel/plugin-proposal-numeric-separator',
            '@babel/plugin-proposal-object-rest-spread',
            '@babel/plugin-proposal-optional-chaining',
            '@babel/plugin-syntax-bigint',
            '@babel/plugin-syntax-dynamic-import',
            '@babel/plugin-transform-modules-commonjs',
            '@babel/plugin-transform-runtime',
            '@babel/preset-env',
            '@babel/preset-modules',
            '@babel/preset-react',
            '@babel/preset-typescript',
            '@babel/runtime',
            '@babel/types',
            'babel-plugin-syntax-jsx',
            'babel-plugin-transform-define',
            'babel-plugin-transform-react-remove-prop-types',
            'browserslist',
            'css-loader',
            'fork-ts-checker-webpack-plugin',
            'jest-worker',
            'loader-utils',
            'mini-css-extract-plugin',
            'native-url',
            'pnp-webpack-plugin',
            'postcss',
            'prop-types',
            'prop-types-exact',
            'react',
            'react-dom',
            'react-is',
            'resolve-url-loader',
            'sass-loader',
            'style-loader',
            'styled-jsx',
            'use-subscription',
            'watchpack',
            'webpack',
            'webpack-sources'
        ]
    }
}

Any guidance on this?

[jacklaurencegaray]

I experience this as well.

Required package: strip-ansi (via "strip-ansi")
Required by: next@virtual:c6dcce817fa225290e033ab3df9d032741dc228bb28c9cbb4719875ef6095c1c8f4a1ecb6d1cce6f1119ad7c9bb93c31bc307a4e235fab5627d039ca42e55b65#npm:9.3.4 (via /Users/jacklaurencegaray/Documents/Playground/JS/blog/.yarn/$$virtual/next-virtual-3a05c3e8de/0/cache/next-npm-9.3.4-202c10d685-1.zip/node_modules/next/dist/build/)

yarn add strip-ansi -D solves it. I think the problem is next accesses a dependency it doesn't explicitly require as a dep.

[Kinbaum]

@jacklaurencegaray So that's what I thought as well, but after adding that dev dependency, more dependency issues arise. I continued adding each missing package the errors were showing. Those include:

• Required package: find-cache-dir (via "find-cache-dir")
• Required package: mkdirp (via "mkdirp")
• Required package: strip-ansi (via "strip-ansi")

Once I added the dependencies it was erroring on, the next time I ran yarn next I got the following console output:

my-app $ yarn next
[ wait ]  starting the development server ...
[ info ]  waiting on http://localhost:3000 ...
[ error ] ./.yarn/$$virtual/next-virtual-62c610e0b3/0/cache/next-npm-9.3.4-2db100a708-1.zip/node_modules/next/dist/client/next-dev.js
TypeError: invalid options argument
    at new Promise (<anonymous>)
    at Generator.throw (<anonymous>)

[jacklaurencegaray]

#11583

[Kinbaum]

@jacklaurencegaray @timneutkens Looks like this is an issue with 9.3.4 and later. When I bring the package version down to 9.3.3 it compiles without issues.

Edit: Thanks for the link @jacklaurencegaray, didn't see it at the time of replying