resolve buil error

src/client/client-patch-browser.ts

@@ -15,7 +15,8 @@ export const patchBrowser = (): Promise<d.CustomElementsDefineOptions> => {
   }
 
   const scriptElm = BUILD.scriptDataOpts
-    ? win.document && Array.from(win.document.querySelectorAll('script')).find(
+    ? win.document &&
+      Array.from(win.document.querySelectorAll('script')).find(
         (s) =>
           new RegExp(`\/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) ||
           s.getAttribute('data-stencil-namespace') === NAMESPACE,

src/runtime/client-hydrate.ts

@@ -64,10 +64,7 @@ export const initializeClientHydrate = (
     }
   }
 
-  if (
-    win.document &&
-    (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size)
-  ) {
+  if (win.document && (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size)) {
     // This is the first pass over of this whole document;
     // does a scrape to construct a 'bare-bones' tree of what elements we have and where content has been moved from
     initializeDocumentHydrate(win.document.body, (plt.$orgLocNodes$ = new Map()));

src/runtime/styles.ts

@@ -75,7 +75,8 @@ export const addStyle = (styleContainerNode: any, cmpMeta: d.ComponentRuntimeMet
           // This is only happening on native shadow-dom, do not needs CSS var shim
           styleElm.innerHTML = style;
         } else {
-          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId}"]`) || win.document.createElement('style');
+          styleElm =
+            document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId}"]`) || win.document.createElement('style');
           styleElm.innerHTML = style;
 
           // Apply CSP nonce to the style tag if it exists

src/runtime/vdom/vdom-render.ts

@@ -78,7 +78,9 @@ const createElm = (oldParentVNode: d.VNode, newParentVNode: d.VNode, childIndex:
   } else if (BUILD.slotRelocation && newVNode.$flags$ & VNODE_FLAGS.isSlotReference) {
     // create a slot reference node
     elm = newVNode.$elm$ =
-      BUILD.isDebug || BUILD.hydrateServerSide ? slotReferenceDebugNode(newVNode) : (win.document.createTextNode('') as any);
+      BUILD.isDebug || BUILD.hydrateServerSide
+        ? slotReferenceDebugNode(newVNode)
+        : (win.document.createTextNode('') as any);
     // add css classes, attrs, props, listeners, etc.
     if (BUILD.vdomAttribute) {
       updateElement(null, newVNode, isSvgMode);
@@ -89,7 +91,10 @@ const createElm = (oldParentVNode: d.VNode, newParentVNode: d.VNode, childIndex:
     }
 
     if (!win.document) {
-      throw new Error('You are trying to render a component in a non-browser environment. This is not supported.');
+      throw new Error(
+        "You are trying to render a Stencil component in an environment that doesn't support the DOM. " +
+          'Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.',
+      );
     }
 
     // create element

src/testing/platform/index.ts

@@ -17,6 +17,6 @@ export {
   supportsShadow,
 } from './testing-platform';
 export { flushAll, flushLoadModule, flushQueue, loadModule, nextTick, readTask, writeTask } from './testing-task-queue';
-export { doc, win } from './testing-window';
+export { win } from './testing-window';
 export { Env } from '@app-data';
 export * from '@runtime';

src/testing/platform/testing-window.ts

@@ -1,4 +1,3 @@
 import { setupGlobal } from '@stencil/core/mock-doc';
 
 export const win = setupGlobal(global) as Window;
-