Skip to content

noahmulfinger/gatsby-calcite-components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gatsby Calcite Components

Test case for using calcite components in Gatsby. The SSR build currently fails due to references to browser-only objects.

To reproduce:

  1. Run npm install
  2. Run npm run build
  3. See first error:
    ERROR #95312  HTML.COMPILATION
    
    "navigator" is not available during server-side rendering. Enable "DEV_SSR" to
    debug this during "gatsby develop".
    
    See our docs page for more info on this error: https://gatsby.dev/debug-html
    
    
       7 |
       8 | function getUserAgentData() {
     > 9 |     return navigator.userAgentData;
         |            ^
      10 | }
      11 | function getUserAgentString() {
      12 |     if (!Build.isBrowser) {
    
    
      WebpackError: ReferenceError: navigator is not defined
    
     - interactive.js:9
       [calcite-components-integration]/[@esri]/calcite-components/dist/components/in
       teractive.js:9:1
  4. If you remove the references to navigator in interactive.js, this error will go away, but there will be a second error:
    ERROR #95312  HTML.COMPILATION
    
    "window" is not available during server-side rendering. Enable "DEV_SSR" to debug
    this during "gatsby develop".
    
    See our docs page for more info on this error: https://gatsby.dev/debug-html
    
    
      22 | function getObserver(type) {
      23 |     // based on https://github.com/whatwg/dom/issues/126#issuecomment-1049814948
    > 24 |     class ExtendedMutationObserver extends window.MutationObserver {
         |                                            ^
      25 |         constructor(callback) {
      26 |             super(callback);
      27 |             this.observedEntry = [];
    
    
     WebpackError: ReferenceError: window is not defined
    
    - observers.js:24
     [calcite-components-integration]/[@esri]/calcite-components/dist/components/ob
     servers.js:24:1
    
  5. If you remove the references to window in this file, all errors go away and the build succeeds.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published