Skip to content

bug: Missing variable in hydration app #4076

@cptflammin

Description

@cptflammin

Prerequisites

Stencil Version

3.0.1

Current Behavior

While prerendering and hydration, stencil raises an error about an undefined __DEV__ variable. This seems to be related to @apollo/client. Being able to define the variable in prerendering config would solve the issue.

[19:35.9] prerendering started ...
[19:36.8] prerendering failed in 822 ms

[ ERROR ] Hydrate Error
ReferenceError: __DEV__ is not defined at checkDEV
(/Users/nico_fl/Development/_trials/stencil-prerender-notfoundvars/dist/hydrate/index.js:28002:5) at
hydrateAppClosure

Expected Behavior

Being able to define missing variable somewhere within app or config.
Defining var in app.ts does not work (variable is renamed with a $1 ending), index.js hydrated app:

const __DEV__$1 = false; console.log('__DEV__', __DEV__$1);

System Info

Mac OS Ventura
@apollo/client@3.7.8
@stencil/core@3.0.1

Steps to Reproduce

stencil build --prerender

Code Reproduction URL

https://github.com/cptflammin/stencil-prerender-notfoundvars

Additional Information

`npm run build

s3@0.0.1 build
stencil build --prerender

[20:57.8] @stencil/core
[20:58.1] v3.0.1 🍒
[21:00.9] build, app, prod mode, started ...
[21:01.0] transpile started ...
[21:04.4] transpile finished in 3.36 s
[21:04.4] copy started ...
[21:04.4] generate hydrate app started ...
[21:04.4] generate lazy + source maps started ...
[21:06.6] copy finished (1338 files) in 2.23 s
[21:23.1] generate hydrate app finished in 18.78 s
[21:26.3] generate lazy + source maps finished in 21.89 s

[ WARN ] Package Json: package.json
package.json "module" property is required when generating a distribution.

[21:26.4] build finished in 25.51 s

[21:30.7] prerendering started ...
[21:30.9] prerendering failed in 225 ms

[ ERROR ] Hydrate Error
ReferenceError: __DEV__ is not defined at checkDEV
(/home/users/wtf/stencil-prerender-notfoundvars/dist/hydrate/index.js:28002:5) at
hydrateAppClosure
(/home/users/wtf/stencil-prerender-notfoundvars/dist/hydrate/index.js:28005:1) at
hydrateFactory
(/home/users/wtf/stencil-prerender-notfoundvars/dist/hydrate/index.js:53398:3) at render
(/home/users/wtf/stencil-prerender-notfoundvars/dist/hydrate/index.js:53665:9) at
/home/users/wtf/stencil-prerender-notfoundvars/dist/hydrate/index.js:53597:62 at new
Promise () at Object.hydrateDocument
(/home/users/wtf/stencil-prerender-notfoundvars/dist/hydrate/index.js:53589:33) at
prerenderWorker
(/home/users/wtf/stencil-prerender-notfoundvars/node_modules/@stencil/core/compiler/stencil.js:11047:46)
at prerenderWorker
(/home/users/wtf/stencil-prerender-notfoundvars/node_modules/@stencil/core/compiler/stencil.js:13259:42)
at
/home/users/wtf/stencil-prerender-notfoundvars/node_modules/@stencil/core/compiler/stencil.js:13268:14`

Metadata

Metadata

Assignees

Labels

Bug: ValidatedThis PR or Issue is verified to be a bug within StencilResolution: Needs InvestigationThis PR or Issue should be investigated from the Stencil team

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions