[Bug]: TypeError: Cannot read properties of undefined (reading 'constantViolations') #15300

cervotoc · 2022-12-22T13:35:58Z

💻

Would you like to work on a fix?

How are you using Babel?

babel-loader (webpack)

Input code

Configuration file name

No response

Configuration

No response

Current and expected behavior

After release @babel/plugin-transform-block-scoping v7.20.7 have problem with build project. When override devDependencies to v7.20.5 build works fine.

Environment

@babel/plugin-transform-block-scoping v7.20.7

Possible solution

No response

Additional context

No response

babel-bot · 2022-12-22T13:36:15Z

Hey @cervotoc! We really appreciate you taking the time to report an issue. The collaborators on this project attempt to help as many people as possible, but we're a limited number of volunteers, so it's possible this won't be addressed swiftly.

If you need any help, or just have general Babel or JavaScript questions, we have a vibrant Slack community that typically always has someone willing to help. You can sign-up here for an invite.

babel-bot · 2022-12-22T13:37:38Z

Hi @cervotoc! This issue is missing some important information we'll need to be able to reproduce this issue.

Please understand that we receive a high volume of issues, and there are only a limited number of volunteers that help maintain this project. The easier it is for us to decipher an issue with the info provided, the more likely it is that we'll be able to help.

Please make sure you have the following information documented in this ticket:

Your Babel configuration (typically from .babelrc or babel.config.js)
The current (incorrect) behavior you're seeing
The behavior you expect
A short, self-contained example

Please provide either a link to the problem via the repl, or if the repl is insufficient, a new and minimal repository with instructions on how to build/replicate the issue.

ndelangen · 2022-12-22T13:42:07Z

Storybook's CI just started running into this problem as well:
https://app.circleci.com/pipelines/github/storybookjs/storybook/36687/workflows/80832c04-4c2e-464a-adad-62460fc137ad/jobs/461159

timhuijgen · 2022-12-22T13:49:06Z

We also have multiple Angular projects running into the same issue.

ndelangen · 2022-12-22T13:49:20Z

Looking at https://github.com/babel/babel/releases it would appear as if this PR might be the only thing that changed:
#15278 ?

But of course it could be that somewhere else in the call stack things changed..

Here's the full stack trace of 1 error we get:

ERR! Module build failed (from ./node_modules/babel-loader/lib/index.js):
ERR! TypeError: /tmp/storybook/bench/cra-default-ts/.storybook/preview.js: Cannot read properties of undefined (reading 'constantViolations')
ERR!     at disallowConstantViolations (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/plugin-transform-block-scoping/lib/validation.js:23:35)
ERR!     at validateUsage (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/plugin-transform-block-scoping/lib/validation.js:17:7)
ERR!     at transformBlockScopedVariable (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/plugin-transform-block-scoping/lib/index.js:123:57)
ERR!     at PluginPass.VariableDeclaration (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/plugin-transform-block-scoping/lib/index.js:83:11)
ERR!     at newFn (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/visitors.js:156:21)
ERR!     at NodePath._call (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/path/context.js:49:20)
ERR!     at NodePath.call (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/path/context.js:36:17)
ERR!     at NodePath.visit (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/path/context.js:86:31)
ERR!     at TraversalContext.visitQueue (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:95:16)
ERR!     at TraversalContext.visitSingle (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:71:19)
ERR!     at TraversalContext.visit (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:120:19)
ERR!     at traverseNode (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/traverse-node.js:20:17)
ERR!     at NodePath.visit (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/path/context.js:92:52)
ERR!     at TraversalContext.visitQueue (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:95:16)
ERR!     at TraversalContext.visitSingle (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:71:19)
ERR!     at TraversalContext.visit (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:120:19)
ERR!     at traverseNode (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/traverse-node.js:20:17)
ERR!     at traverse (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/index.js:50:34)
ERR!     at transformFile (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/core/lib/transformation/index.js:81:29)
ERR!     at transformFile.next (<anonymous>)
ERR!     at run (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/core/lib/transformation/index.js:24:12)
ERR!     at run.next (<anonymous>)
ERR!     at transform (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/core/lib/transform.js:23:41)
ERR!     at transform.next (<anonymous>)
ERR!     at step (/tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:221:32)
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:229:13
ERR!     at async.call.result.err.err (/tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:190:11)
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:159:13
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/@babel/core/lib/gensync-utils/async.js:96:7
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:97:35
ERR!     at step (/tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:238:14)
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:229:13
ERR!     at async.call.result.err.err (/tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:190:11)

ndelangen · 2022-12-22T13:50:51Z

This is another PR that touched the code in this release:
#15275

ndelangen · 2022-12-22T13:53:38Z

Ow, this one seems a candidate: #15200

ndelangen · 2022-12-22T20:02:51Z

@nicolo-ribaudo It seems this issue isn't quite resolved..

Would you mind re-opening the issue, or @cervotoc?

It might be related to browserlist somehow, I've heard 1 storybook user report:

I could replicate the issue by removing the browserslist from the package.json file. Adding it back resolved the issue.
~ storybookjs/storybook#20382 (comment)

But right now this is the error storybook users are facing:

ERR! TypeError: /tmp/storybook/bench/cra-default-ts/.storybook/preview.js: Cannot set properties of undefined (setting 'kind')
ERR!     at transformBlockScopedVariable (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/plugin-transform-block-scoping/lib/index.js:127:41)

full:

ERR! TypeError: /tmp/storybook/bench/cra-default-ts/.storybook/preview.js: Cannot set properties of undefined (setting 'kind')
ERR!     at transformBlockScopedVariable (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/plugin-transform-block-scoping/lib/index.js:127:41)
ERR!     at PluginPass.VariableDeclaration (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/plugin-transform-block-scoping/lib/index.js:83:11)
ERR!     at newFn (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/visitors.js:156:21)
ERR!     at NodePath._call (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/path/context.js:49:20)
ERR!     at NodePath.call (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/path/context.js:36:17)
ERR!     at NodePath.visit (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/path/context.js:86:31)
ERR!     at TraversalContext.visitQueue (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:95:16)
ERR!     at TraversalContext.visitSingle (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:71:19)
ERR!     at TraversalContext.visit (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:120:19)
ERR!     at traverseNode (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/traverse-node.js:20:17)
ERR!     at NodePath.visit (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/path/context.js:92:52)
ERR!     at TraversalContext.visitQueue (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:95:16)
ERR!     at TraversalContext.visitSingle (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:71:19)
ERR!     at TraversalContext.visit (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:120:19)
ERR!     at traverseNode (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/traverse-node.js:20:17)
ERR!     at traverse (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/index.js:50:34)
ERR!     at transformFile (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/core/lib/transformation/index.js:81:29)
ERR!     at transformFile.next (<anonymous>)
ERR!     at run (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/core/lib/transformation/index.js:24:12)
ERR!     at run.next (<anonymous>)
ERR!     at transform (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/core/lib/transform.js:23:41)
ERR!     at transform.next (<anonymous>)
ERR!     at step (/tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:221:32)
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:229:13
ERR!     at async.call.result.err.err (/tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:190:11)
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:159:13
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/@babel/core/lib/gensync-utils/async.js:96:7
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:97:35
ERR!     at step (/tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:238:14)
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:229:13
ERR!     at async.call.result.err.err (/tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:190:11)

cervotoc · 2022-12-22T21:32:09Z

@nicolo-ribaudo It seems this issue isn't quite resolved..

Would you mind re-opening the issue, or @cervotoc?

It might be related to browserlist somehow, I've heard 1 storybook user report:

I could replicate the issue by removing the browserslist from the package.json file. Adding it back resolved the issue.
~ storybookjs/storybook#20382 (comment)

But right now this is the error storybook users are facing:

ERR! TypeError: /tmp/storybook/bench/cra-default-ts/.storybook/preview.js: Cannot set properties of undefined (setting 'kind')
ERR!     at transformBlockScopedVariable (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/plugin-transform-block-scoping/lib/index.js:127:41)

full:

ERR! TypeError: /tmp/storybook/bench/cra-default-ts/.storybook/preview.js: Cannot set properties of undefined (setting 'kind')
ERR!     at transformBlockScopedVariable (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/plugin-transform-block-scoping/lib/index.js:127:41)
ERR!     at PluginPass.VariableDeclaration (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/plugin-transform-block-scoping/lib/index.js:83:11)
ERR!     at newFn (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/visitors.js:156:21)
ERR!     at NodePath._call (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/path/context.js:49:20)
ERR!     at NodePath.call (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/path/context.js:36:17)
ERR!     at NodePath.visit (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/path/context.js:86:31)
ERR!     at TraversalContext.visitQueue (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:95:16)
ERR!     at TraversalContext.visitSingle (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:71:19)
ERR!     at TraversalContext.visit (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:120:19)
ERR!     at traverseNode (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/traverse-node.js:20:17)
ERR!     at NodePath.visit (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/path/context.js:92:52)
ERR!     at TraversalContext.visitQueue (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:95:16)
ERR!     at TraversalContext.visitSingle (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:71:19)
ERR!     at TraversalContext.visit (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/context.js:120:19)
ERR!     at traverseNode (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/traverse-node.js:20:17)
ERR!     at traverse (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/traverse/lib/index.js:50:34)
ERR!     at transformFile (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/core/lib/transformation/index.js:81:29)
ERR!     at transformFile.next (<anonymous>)
ERR!     at run (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/core/lib/transformation/index.js:24:12)
ERR!     at run.next (<anonymous>)
ERR!     at transform (/tmp/storybook/bench/cra-default-ts/node_modules/@babel/core/lib/transform.js:23:41)
ERR!     at transform.next (<anonymous>)
ERR!     at step (/tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:221:32)
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:229:13
ERR!     at async.call.result.err.err (/tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:190:11)
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:159:13
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/@babel/core/lib/gensync-utils/async.js:96:7
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:97:35
ERR!     at step (/tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:238:14)
ERR!     at /tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:229:13
ERR!     at async.call.result.err.err (/tmp/storybook/bench/cra-default-ts/node_modules/gensync/index.js:190:11)

i dont know how re-open this issue :\ but i want - the solution not work

cervotoc added the i: needs triage label Dec 22, 2022

liuxingbaoyu added i: bug i: regression Needs Info and removed i: needs triage labels Dec 22, 2022

ndelangen mentioned this issue Dec 22, 2022

Fix: Cannot read properties of undefined (reading 'constantViolations') storybookjs/storybook#20383

Closed

ndelangen mentioned this issue Dec 22, 2022

Fix tdz analysis for reassigned captured for bindings #15278

Merged

ndelangen mentioned this issue Dec 22, 2022

Rewrite transform-block-scoping plugin #15200

Merged

Methuselah96 mentioned this issue Dec 22, 2022

Production build fails with Unexpected token JedWatson/react-select#5519

Closed

liuxingbaoyu mentioned this issue Dec 22, 2022

fix: transform-block-scoping accesses properties of null #15301

Merged

nicolo-ribaudo closed this as completed in #15301 Dec 22, 2022

atomiks mentioned this issue Dec 22, 2022

Build error when using react-scripts floating-ui/floating-ui#2062

Closed

This was referenced Dec 22, 2022

Build error with @floating-ui\core and Create React App aws-amplify/amplify-ui#3210

Closed

[Bug]: TypeError: Cannot set properties of undefined (setting 'kind') #15302

Closed

seeratawan01 mentioned this issue Dec 22, 2022

React App Build Failed (Cannot read properties of undefined (reading 'constantViolations')) mantinedev/mantine#3229

Closed

ndelangen mentioned this issue Dec 22, 2022

[Bug]: storybook build not working due to error from plugin-transform-block-scoping: Cannot set properties of undefined (setting 'kind') storybookjs/storybook#20382

Closed

github-actions bot added the outdated A closed issue/PR that is archived due to age. Recommended to make a new issue label Mar 24, 2023

github-actions bot locked as resolved and limited conversation to collaborators Mar 24, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Bug]: TypeError: Cannot read properties of undefined (reading 'constantViolations') #15300

[Bug]: TypeError: Cannot read properties of undefined (reading 'constantViolations') #15300

cervotoc commented Dec 22, 2022

babel-bot commented Dec 22, 2022

babel-bot commented Dec 22, 2022

ndelangen commented Dec 22, 2022

timhuijgen commented Dec 22, 2022

ndelangen commented Dec 22, 2022

ndelangen commented Dec 22, 2022

ndelangen commented Dec 22, 2022

ndelangen commented Dec 22, 2022 •

edited

cervotoc commented Dec 22, 2022

[Bug]: TypeError: Cannot read properties of undefined (reading 'constantViolations') #15300

[Bug]: TypeError: Cannot read properties of undefined (reading 'constantViolations') #15300

Comments

cervotoc commented Dec 22, 2022

💻

How are you using Babel?

Input code

Configuration file name

Configuration

Current and expected behavior

Environment

Possible solution

Additional context

babel-bot commented Dec 22, 2022

babel-bot commented Dec 22, 2022

ndelangen commented Dec 22, 2022

timhuijgen commented Dec 22, 2022

ndelangen commented Dec 22, 2022

ndelangen commented Dec 22, 2022

ndelangen commented Dec 22, 2022

ndelangen commented Dec 22, 2022 • edited

cervotoc commented Dec 22, 2022

ndelangen commented Dec 22, 2022 •

edited