[Bug]: embla-carousel-docs gatsby build errors in Windows 10

[zaaakher]

Bug is related to

• embla-carousel-docs (documentation)
• embla-carousel-docs (generator)

Embla Carousel version

• v8.0.0-rc15

Describe the bug

• Running yarn build in a windows 10 machine throws 3 errors in a row originating from gatsby in the embla-carousel-docs package. The 3 errors are mentioned here

CodeSandbox

N/A

Steps to reproduce

1. Make sure you're in a Windows 10 machine (my build is 19045.3086)
2. Clone this repository
3. Run yarn install in the root directory
4. Run yarn build in the root directory
5. See the build errors

Expected behavior

The gatsby docs should build without an errors so that you can run yarn start afterwards to see the documentation site in localhost:8000

Additional context

node version: v18.19.0
npm version: v10.2.3
yarn version: v3.3.1

I only get this error in my Windows 10 (Build 19045.3086).

This issue does not exist in unix-based environments.

[TheMikeyRoss]

Im getting a similar issue when running yarn build

Here the error

success Writing page-data.json and slice-data.json files to public directory -
➤ YN0000: [embla-carousel-docs]: 0.033s - 28/28 839.35/s

➤ YN0000: [embla-carousel-docs]:  ERROR  UNKNOWN
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]: Truncated page data information for the failed page "/api/options/": {
➤ YN0000: [embla-carousel-docs]:   "errors": {},
➤ YN0000: [embla-carousel-docs]:   "path": "/api/options/",
➤ YN0000: [embla-carousel-docs]:   "slicesMap": {},
➤ YN0000: [embla-carousel-docs]:   "pageContext": {
➤ YN0000: [embla-carousel-docs]:     "id": "bbdd9501-3346-53db-a4a9-135d1b745090",
➤ YN0000: [embla-carousel-docs]:     "layout": "Default",
➤ YN0000: [embla-carousel-docs]:     "slug": "/api/options/",
➤ YN0000: [embla-carousel-docs]:     "filePath": "src/content/pages/api/options.mdx",
➤ YN0000: [embla-carousel-docs]:     "next": {
➤ YN0000: [embla-carousel-docs]:       "id": "f59531ed-fb3a-52e4-9e20-ff74eda64615",
➤ YN0000: [embla-carousel-docs]:       "slug": "/api/methods/",
➤ YN0000: [embla-carousel-docs]:       "title": "Methods",
➤ YN0000: [embla-carousel-docs]:       "order": 1,
➤ YN0000: [embla-carousel-docs]:       "level": 2
➤ YN0000: [embla-carousel-docs]:     },
➤ YN0000: [embla-carousel-docs]:     "previous": {
➤ YN0000: [embla-carousel-docs]:       "id": "40771522-2ba6-5c0e-abb6-ab47c9d102df",
➤ YN0000: [embla-carousel-docs]:       "slug": "/api/",
➤ YN0000: [embla-carousel-docs]:       "title": "API",
➤ YN0000: [embla-carousel-docs]:       "order": 2,
➤ YN0000: [embla-carousel-docs]:       "level": 1
➤ YN0000: [embla-carousel-docs]:     },
➤ YN0000: [embla-carousel-docs]:     "frontmatter": {
➤ YN0000: [embla-carousel-docs]:       "title": "Options",
➤ YN0000: [embla-carousel-docs]:       "description": "Discover how to customize Embla Carousel with its
➤ YN0000: [embla-carousel-docs]: available options.",
➤ YN0000: [embla-carousel-docs]:       "order": 0,
➤ YN0000: [embla-carousel-docs]:       "date": "2021-02-21T00:00:00.000Z"
➤ YN0000: [embla-carousel-docs]:     }
➤ YN0000: [embla-carousel-docs]:   }
➤ YN0000: [embla-carousel-docs]: }
➤ YN0000: [embla-carousel-docs]:
failed Building static HTML for pages - 6.617s

➤ YN0000: [embla-carousel-docs]:  ERROR #95313  HTML.COMPILATION
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]: Building static HTML failed for path "/api/options/"
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]: See our docs page for more info on this error: https://gatsby.dev/debug-html
➤ YN0000: [embla-carousel-docs]:

➤ YN0000: [embla-carousel-docs]:   23 | `||_==="\r")return s;continue;case"url":if(_===")"&&(f="initial"),_===`
➤ YN0000: [embla-carousel-docs]:   24 | `||_==="\r")return
➤ YN0000: [embla-carousel-docs]: s;if(_==="'"){f="single-quotes",g="url";continue}if(_==='"'){f="double-quotes",g
➤ YN0000: [embla-carousel-docs]: ="url";continue}continue;case"comment-block":_==="/"&&s[d-1]==="*"&&(f="initial"
➤ YN0000: [embla-carousel-docs]: );continue;case"comment-inline":(_==='"'||_==="'"||_==="*")&&(y=!0),(_===`
➤ YN0000: [embla-carousel-docs]: > 25 |
➤ YN0000: [embla-carousel-docs]: `||_==="\r")&&(y&&w.push([v,d]),f="initial",y=!1);continue}}for(let[d,_]of
➤ YN0000: [embla-carousel-docs]: w)s=s.slice(0,d)+s.slice(d,_).replace(/["'*]/g," ")+s.slice(_);return s}function
➤ YN0000: [embla-carousel-docs]:  r(s){return s.source.startOffset}function a(s){return
➤ YN0000: [embla-carousel-docs]: s.source.endOffset}n.exports={locStart:r,locEnd:a,calculateLoc:p,replaceQuotesIn
➤ YN0000: [embla-carousel-docs]: InlineComments:t}}}),Ml=P({"src/utils/is-non-empty-array.js"(e,n){"use
➤ YN0000: [embla-carousel-docs]: strict";A();function i(u){return Array.isArray(u)&&u.length>0}n.exports=i}}),Dl=
➤ YN0000: [embla-carousel-docs]: P({"src/language-css/utils/has-scss-interpolation.js"(e,n){"use strict";A();var
➤ YN0000: [embla-carousel-docs]: i=Ml();function u(o){if(i(o)){for(let
➤ YN0000: [embla-carousel-docs]: h=o.length-1;h>0;h--)if(o[h].type==="word"&&o[h].value==="{"&&o[h-1].type==="wor
➤ YN0000: [embla-carousel-docs]: d"&&o[h-1].value.endsWith("#"))return!0}return!1}n.exports=u}}),Ll=P({"src/langu
➤ YN0000: [embla-carousel-docs]: age-css/utils/has-string-or-function.js"(e,n){"use strict";A();function
➤ YN0000: [embla-carousel-docs]: i(u){return u.some(o=>o.type==="string"||o.type==="func")}n.exports=i}}),zl=P({"
➤ YN0000: [embla-carousel-docs]: src/language-css/utils/is-less-parser.js"(e,n){"use strict";A();function
➤ YN0000: [embla-carousel-docs]: i(u){return u.parser==="css"||u.parser==="less"}n.exports=i}}),Bl=P({"src/langua
➤ YN0000: [embla-carousel-docs]: ge-css/utils/is-scss.js"(e,n){"use strict";A();function i(u,o){return
➤ YN0000: [embla-carousel-docs]: u==="less"||u==="scss"?u==="scss":/(?:\w\s*:\s*[^:}]+|#){|@import[^\n]+(?:url|,)
➤ YN0000: [embla-carousel-docs]: /.test(o)}n.exports=i}}),Fl=P({"src/language-css/utils/is-scss-nested-property-n
➤ YN0000: [embla-carousel-docs]: ode.js"(e,n){"use strict";A();function i(u){return u.selector?u.selector.replace
➤ YN0000: [embla-carousel-docs]: (/\/\*.*?\*\//,"").replace(/\/\/.*\n/,"").trim().endsWith(":"):!1}n.exports=i}})
➤ YN0000: [embla-carousel-docs]: ,Ul=P({"src/language-css/utils/is-scss-variable.js"(e,n){"use
➤ YN0000: [embla-carousel-docs]: strict";A();function i(u){return Boolean((u==null?void
➤ YN0000: [embla-carousel-docs]: 0:u.type)==="word"&&u.value.startsWith("$"))}n.exports=i}}),$l=P({"src/language-
➤ YN0000: [embla-carousel-docs]: css/utils/stringify-node.js"(e,n){"use strict";A();function i(u){var
➤ YN0000: [embla-carousel-docs]: o,h,l;if(u.groups){var p,m,c;let y=((p=u.open)===null||p===void 0?void
➤ YN0000: [embla-carousel-docs]: 0:p.value)||"",w=u.groups.map(_=>i(_)).join(((m=u.groups[0])===null||m===void
➤ YN0000: [embla-carousel-docs]: 0?void 0:m.type)==="comma_group"?",":""),d=((c=u.close)===null||c===void 0?void
➤ YN0000: [embla-carousel-docs]: 0:c.value)||"";return y+w+d}let t=((o=u.raws)===null||o===void 0?void
➤ YN0000: [embla-carousel-docs]: 0:o.before)||"",r=((h=u.raws)===null||h===void 0?void
➤ YN0000: [embla-carousel-docs]: 0:h.quote)||"",a=u.type==="atword"?"@":"",s=u.value||"",f=u.unit||"",g=u.group?i
➤ YN0000: [embla-carousel-docs]: (u.group):"",v=((l=u.raws)===null||l===void 0?void 0:l.after)||"";return
➤ YN0000: [embla-carousel-docs]: t+r+a+s+r+f+g+v}n.exports=i}}),Wl=P({"src/language-css/utils/is-module-rule-name
➤ YN0000: [embla-carousel-docs]: .js"(e,n){"use strict";A();var i=new Set(["import","use","forward"]);function
➤ YN0000: [embla-carousel-docs]: u(o){return i.has(o)}n.exports=u}}),we=P({"node_modules/postcss-values-parser/li
➤ YN0000: [embla-carousel-docs]: b/node.js"(e,n){"use strict";A();var i=function(u,o){let h=new
➤ YN0000: [embla-carousel-docs]: u.constructor;for(let l in u){if(!u.hasOwnProperty(l))continue;let
➤ YN0000: [embla-carousel-docs]: p=u[l],m=typeof p;l==="parent"&&m==="object"?o&&(h[l]=o):l==="source"?h[l]=p:p
➤ YN0000: [embla-carousel-docs]: instanceof Array?h[l]=p.map(c=>i(c,h)):l!=="before"&&l!=="after"&&l!=="between"&
➤ YN0000: [embla-carousel-docs]: &l!=="semicolon"&&(m==="object"&&p!==null&&(p=i(p)),h[l]=p)}return
➤ YN0000: [embla-carousel-docs]: h};n.exports=class{constructor(o){o=o||{},this.raws={before:"",after:""};for(let
➤ YN0000: [embla-carousel-docs]:  h in o)this[h]=o[h]}remove(){return
➤ YN0000: [embla-carousel-docs]: this.parent&&this.parent.removeChild(this),this.parent=void
➤ YN0000: [embla-carousel-docs]: 0,this}toString(){return[this.raws.before,String(this.value),this.raws.after].jo
➤ YN0000: [embla-carousel-docs]: in("")}clone(o){o=o||{};let h=i(this);for(let l in o)h[l]=o[l];return
➤ YN0000: [embla-carousel-docs]: h}cloneBefore(o){o=o||{};let h=this.clone(o);return
➤ YN0000: [embla-carousel-docs]: this.parent.insertBefore(this,h),h}cloneAfter(o){o=o||{};let
➤ YN0000: [embla-carousel-docs]: h=this.clone(o);return this.parent.insertAfter(this,h),h}replaceWith(){let
➤ YN0000: [embla-carousel-docs]: o=Array.prototype.slice.call(arguments);if(this.parent){for(let h of
➤ YN0000: [embla-carousel-docs]: o)this.parent.insertBefore(this,h);this.remove()}return this}moveTo(o){return
➤ YN0000: [embla-carousel-docs]: this.cleanRaws(this.root()===o.root()),this.remove(),o.append(this),this}moveBef
➤ YN0000: [embla-carousel-docs]: ore(o){return this.cleanRaws(this.root()===o.root()),this.remove(),o.parent.inse
➤ YN0000: [embla-carousel-docs]: rtBefore(o,this),this}moveAfter(o){return this.cleanRaws(this.root()===o.root())
➤ YN0000: [embla-carousel-docs]: ,this.remove(),o.parent.insertAfter(o,this),this}next(){let
➤ YN0000: [embla-carousel-docs]: o=this.parent.index(this);return this.parent.nodes[o+1]}prev(){let
➤ YN0000: [embla-carousel-docs]: o=this.parent.index(this);return this.parent.nodes[o-1]}toJSON(){let
➤ YN0000: [embla-carousel-docs]: o={};for(let h in this){if(!this.hasOwnProperty(h)||h==="parent")continue;let
➤ YN0000: [embla-carousel-docs]: l=this[h];l instanceof Array?o[h]=l.map(p=>typeof
➤ YN0000: [embla-carousel-docs]: p=="object"&&p.toJSON?p.toJSON():p):typeof
➤ YN0000: [embla-carousel-docs]: l=="object"&&l.toJSON?o[h]=l.toJSON():o[h]=l}return o}root(){let
➤ YN0000: [embla-carousel-docs]: o=this;for(;o.parent;)o=o.parent;return o}cleanRaws(o){delete
➤ YN0000: [embla-carousel-docs]: this.raws.before,delete this.raws.after,o||delete
➤ YN0000: [embla-carousel-docs]: this.raws.between}positionInside(o){let
➤ YN0000: [embla-carousel-docs]: h=this.toString(),l=this.source.start.column,p=this.source.start.line;for(let
➤ YN0000: [embla-carousel-docs]: m=0;m<o;m++)h[m]===`
➤ YN0000: [embla-carousel-docs]:      |
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:                                                                           ^
➤ YN0000: [embla-carousel-docs]:   26 | `?(l=1,p+=1):l+=1;return{line:p,column:l}}positionBy(o){let
➤ YN0000: [embla-carousel-docs]: h=this.source.start;if(Object(o).index)h=this.positionInside(o.index);else
➤ YN0000: [embla-carousel-docs]: if(Object(o).word){let
➤ YN0000: [embla-carousel-docs]: l=this.toString().indexOf(o.word);l!==-1&&(h=this.positionInside(l))}return
➤ YN0000: [embla-carousel-docs]: h}}}}),ae=P({"node_modules/postcss-values-parser/lib/container.js"(e,n){"use
➤ YN0000: [embla-carousel-docs]: strict";A();var i=we(),u=class extends
➤ YN0000: [embla-carousel-docs]: i{constructor(o){super(o),this.nodes||(this.nodes=[])}push(o){return
➤ YN0000: [embla-carousel-docs]: o.parent=this,this.nodes.push(o),this}each(o){this.lastEach||(this.lastEach=0),t
➤ YN0000: [embla-carousel-docs]: his.indexes||(this.indexes={}),this.lastEach+=1;let h=this.lastEach,l,p;if(this.
➤ YN0000: [embla-carousel-docs]: indexes[h]=0,!!this.nodes){for(;this.indexes[h]<this.nodes.length&&(l=this.index
➤ YN0000: [embla-carousel-docs]: es[h],p=o(this.nodes[l],l),p!==!1);)this.indexes[h]+=1;return delete
➤ YN0000: [embla-carousel-docs]: this.indexes[h],p}}walk(o){return this.each((h,l)=>{let p=o(h,l);return
➤ YN0000: [embla-carousel-docs]: p!==!1&&h.walk&&(p=h.walk(o)),p})}walkType(o,h){if(!o||!h)throw new
➤ YN0000: [embla-carousel-docs]: Error("Parameters {type} and {callback} are required.");let l=typeof
➤ YN0000: [embla-carousel-docs]: o=="function";return this.walk((p,m)=>{if(l&&p instanceof
➤ YN0000: [embla-carousel-docs]: o||!l&&p.type===o)return h.call(this,p,m)})}append(o){return
➤ YN0000: [embla-carousel-docs]: o.parent=this,this.nodes.push(o),this}prepend(o){return o.parent=this,this.nodes
➤ YN0000: [embla-carousel-docs]: .unshift(o),this}cleanRaws(o){if(super.cleanRaws(o),this.nodes)for(let h of
➤ YN0000: [embla-carousel-docs]: this.nodes)h.cleanRaws(o)}insertAfter(o,h){let
➤ YN0000: [embla-carousel-docs]: l=this.index(o),p;this.nodes.splice(l+1,0,h);for(let m in this.indexes)p=this.in
➤ YN0000: [embla-carousel-docs]: dexes[m],l<=p&&(this.indexes[m]=p+this.nodes.length);return
➤ YN0000: [embla-carousel-docs]: this}insertBefore(o,h){let l=this.index(o),p;this.nodes.splice(l,0,h);for(let m
➤ YN0000: [embla-carousel-docs]: in this.indexes)p=this.indexes[m],l<=p&&(this.indexes[m]=p+this.nodes.length);re
➤ YN0000: [embla-carousel-docs]: turn this}removeChild(o){o=this.index(o),this.nodes[o].parent=void
➤ YN0000: [embla-carousel-docs]: 0,this.nodes.splice(o,1);let h;for(let l in
➤ YN0000: [embla-carousel-docs]: this.indexes)h=this.indexes[l],h>=o&&(this.indexes[l]=h-1);return
➤ YN0000: [embla-carousel-docs]: this}removeAll(){for(let o of this.nodes)o.parent=void 0;return
➤ YN0000: [embla-carousel-docs]: this.nodes=[],this}every(o){return this.nodes.every(o)}some(o){return
➤ YN0000: [embla-carousel-docs]: this.nodes.some(o)}index(o){return typeof
➤ YN0000: [embla-carousel-docs]: o=="number"?o:this.nodes.indexOf(o)}get first(){if(this.nodes)return
➤ YN0000: [embla-carousel-docs]: this.nodes[0]}get last(){if(this.nodes)return
➤ YN0000: [embla-carousel-docs]: this.nodes[this.nodes.length-1]}toString(){let
➤ YN0000: [embla-carousel-docs]: o=this.nodes.map(String).join("");return
➤ YN0000: [embla-carousel-docs]: this.value&&(o=this.value+o),this.raws.before&&(o=this.raws.before+o),this.raws.
➤ YN0000: [embla-carousel-docs]: after&&(o+=this.raws.after),o}};u.registerWalker=o=>{let
➤ YN0000: [embla-carousel-docs]: h="walk"+o.name;h.lastIndexOf("s")!==h.length-1&&(h+="s"),!u.prototype[h]&&(u.pr
➤ YN0000: [embla-carousel-docs]: ototype[h]=function(l){return this.walkType(o,l)})},n.exports=u}}),Vl=P({"node_m
➤ YN0000: [embla-carousel-docs]: odules/postcss-values-parser/lib/root.js"(e,n){"use strict";A();var
➤ YN0000: [embla-carousel-docs]: i=ae();n.exports=class extends i{constructor(o){super(o),this.type="root"}}}}),i
➤ YN0000: [embla-carousel-docs]: o=P({"node_modules/postcss-values-parser/lib/value.js"(e,n){"use strict";A();var
➤ YN0000: [embla-carousel-docs]:  i=ae();n.exports=class extends
➤ YN0000: [embla-carousel-docs]: i{constructor(o){super(o),this.type="value",this.unbalanced=0}}}}),so=P({"node_m
➤ YN0000: [embla-carousel-docs]: odules/postcss-values-parser/lib/atword.js"(e,n){"use strict";A();var
➤ YN0000: [embla-carousel-docs]: i=ae(),u=class extends
➤ YN0000: [embla-carousel-docs]: i{constructor(o){super(o),this.type="atword"}toString(){let
➤ YN0000: [embla-carousel-docs]: o=this.quoted?this.raws.quote:"";return[this.raws.before,"@",String.prototype.to
➤ YN0000: [embla-carousel-docs]: String.call(this.value),this.raws.after].join("")}};i.registerWalker(u),n.export
➤ YN0000: [embla-carousel-docs]: s=u}}),oo=P({"node_modules/postcss-values-parser/lib/colon.js"(e,n){"use
➤ YN0000: [embla-carousel-docs]: strict";A();var i=ae(),u=we(),o=class extends
➤ YN0000: [embla-carousel-docs]: u{constructor(h){super(h),this.type="colon"}};i.registerWalker(o),n.exports=o}})
➤ YN0000: [embla-carousel-docs]: ,ao=P({"node_modules/postcss-values-parser/lib/comma.js"(e,n){"use
➤ YN0000: [embla-carousel-docs]: strict";A();var i=ae(),u=we(),o=class extends
➤ YN0000: [embla-carousel-docs]: u{constructor(h){super(h),this.type="comma"}};i.registerWalker(o),n.exports=o}})
➤ YN0000: [embla-carousel-docs]: ,uo=P({"node_modules/postcss-values-parser/lib/comment.js"(e,n){"use
➤ YN0000: [embla-carousel-docs]: strict";A();var i=ae(),u=we(),o=class extends
➤ YN0000: [embla-carousel-docs]: u{constructor(h){super(h),this.type="comment",this.inline=Object(h).inline||!1}t
➤ YN0000: [embla-carousel-docs]: oString(){return[this.raws.before,this.inline?"//":"/*",String(this.value),this.
➤ YN0000: [embla-carousel-docs]: inline?"":"*/",this.raws.after].join("")}};i.registerWalker(o),n.exports=o}}),co
➤ YN0000: [embla-carousel-docs]: =P({"node_modules/postcss-values-parser/lib/function.js"(e,n){"use
➤ YN0000: [embla-carousel-docs]: strict";A();var i=ae(),u=class extends i{constructor(o){super(o),this.type="func
➤ YN0000: [embla-carousel-docs]: ",this.unbalanced=-1}};i.registerWalker(u),n.exports=u}}),lo=P({"node_modules/po
➤ YN0000: [embla-carousel-docs]: stcss-values-parser/lib/number.js"(e,n){"use strict";A();var
➤ YN0000: [embla-carousel-docs]: i=ae(),u=we(),o=class extends u{constructor(h){super(h),this.type="number",this.
➤ YN0000: [embla-carousel-docs]: unit=Object(h).unit||""}toString(){return[this.raws.before,String(this.value),th
➤ YN0000: [embla-carousel-docs]: is.unit,this.raws.after].join("")}};i.registerWalker(o),n.exports=o}}),fo=P({"no
➤ YN0000: [embla-carousel-docs]: de_modules/postcss-values-parser/lib/operator.js"(e,n){"use strict";A();var
➤ YN0000: [embla-carousel-docs]: i=ae(),u=we(),o=class extends
➤ YN0000: [embla-carousel-docs]: u{constructor(h){super(h),this.type="operator"}};i.registerWalker(o),n.exports=o
➤ YN0000: [embla-carousel-docs]: }}),po=P({"node_modules/postcss-values-parser/lib/paren.js"(e,n){"use
➤ YN0000: [embla-carousel-docs]: strict";A();var i=ae(),u=we(),o=class extends u{constructor(h){super(h),this.typ
➤ YN0000: [embla-carousel-docs]: e="paren",this.parenType=""}};i.registerWalker(o),n.exports=o}}),ho=P({"node_mod
➤ YN0000: [embla-carousel-docs]: ules/postcss-values-parser/lib/string.js"(e,n){"use strict";A();var
➤ YN0000: [embla-carousel-docs]: i=ae(),u=we(),o=class extends
➤ YN0000: [embla-carousel-docs]: u{constructor(h){super(h),this.type="string"}toString(){let
➤ YN0000: [embla-carousel-docs]: h=this.quoted?this.raws.quote:"";return[this.raws.before,h,this.value+"",h,this.
➤ YN0000: [embla-carousel-docs]: raws.after].join("")}};i.registerWalker(o),n.exports=o}}),vo=P({"node_modules/po
➤ YN0000: [embla-carousel-docs]: stcss-values-parser/lib/word.js"(e,n){"use strict";A();var i=ae(),u=we(),o=class
➤ YN0000: [embla-carousel-docs]:  extends
➤ YN0000: [embla-carousel-docs]: u{constructor(h){super(h),this.type="word"}};i.registerWalker(o),n.exports=o}}),
➤ YN0000: [embla-carousel-docs]: mo=P({"node_modules/postcss-values-parser/lib/unicode-range.js"(e,n){"use
➤ YN0000: [embla-carousel-docs]: strict";A();var i=ae(),u=we(),o=class extends u{constructor(h){super(h),this.typ
➤ YN0000: [embla-carousel-docs]: e="unicode-range"}};i.registerWalker(o),n.exports=o}});function go(){throw new
➤ YN0000: [embla-carousel-docs]: Error("setTimeout has not been defined")}function yo(){throw new
➤ YN0000: [embla-carousel-docs]: Error("clearTimeout has not been defined")}function
➤ YN0000: [embla-carousel-docs]: wo(e){if(Se===setTimeout)return
➤ YN0000: [embla-carousel-docs]: setTimeout(e,0);if((Se===go||!Se)&&setTimeout)return
➤ YN0000: [embla-carousel-docs]: Se=setTimeout,setTimeout(e,0);try{return Se(e,0)}catch{try{return
➤ YN0000: [embla-carousel-docs]: Se.call(null,e,0)}catch{return Se.call(this,e,0)}}}function
➤ YN0000: [embla-carousel-docs]: Gl(e){if(ke===clearTimeout)return
➤ YN0000: [embla-carousel-docs]: clearTimeout(e);if((ke===yo||!ke)&&clearTimeout)return
➤ YN0000: [embla-carousel-docs]: ke=clearTimeout,clearTimeout(e);try{return ke(e)}catch{try{return
➤ YN0000: [embla-carousel-docs]: ke.call(null,e)}catch{return ke.call(this,e)}}}function
➤ YN0000: [embla-carousel-docs]: Hl(){!Ne||!Ce||(Ne=!1,Ce.length?me=Ce.concat(me):We=-1,me.length&&_o())}function
➤ YN0000: [embla-carousel-docs]:  _o(){if(!Ne){var e=wo(Hl);Ne=!0;for(var n=me.length;n;){for(Ce=me,me=[];++We<n;
➤ YN0000: [embla-carousel-docs]: )Ce&&Ce[We].run();We=-1,n=me.length}Ce=null,Ne=!1,Gl(e)}}function Jl(e){var
➤ YN0000: [embla-carousel-docs]: n=new Array(arguments.length-1);if(arguments.length>1)for(var
➤ YN0000: [embla-carousel-docs]: i=1;i<arguments.length;i++)n[i-1]=arguments[i];me.push(new
➤ YN0000: [embla-carousel-docs]: bo(e,n)),me.length===1&&!Ne&&wo(_o)}function
➤ YN0000: [embla-carousel-docs]: bo(e,n){this.fun=e,this.array=n}function Ae(){}function Kl(e){throw new
➤ YN0000: [embla-carousel-docs]: Error("process.binding is not supported")}function Ql(){return"/"}function
➤ YN0000: [embla-carousel-docs]: Yl(e){throw new Error("process.chdir is not supported")}function Xl(){return
➤ YN0000: [embla-carousel-docs]: 0}function Zl(e){var
➤ YN0000: [embla-carousel-docs]: n=xo.call(Ie)*.001,i=Math.floor(n),u=Math.floor(n%1*1e9);return
➤ YN0000: [embla-carousel-docs]: e&&(i=i-e[0],u=u-e[1],u<0&&(i--,u+=1e9)),[i,u]}function ef(){var e=new
➤ YN0000: [embla-carousel-docs]: Date,n=e-So;return n/1e3}var
➤ YN0000: [embla-carousel-docs]: Se,ke,me,Ne,Ce,We,ks,Os,Ts,Es,qs,As,Ps,Is,Rs,Cs,Ns,js,Ms,Ds,Ls,zs,Ie,xo,So,Bs,Ve
➤ YN0000: [embla-carousel-docs]: ,rf=Le({"node-modules-polyfills:process"(){A(),Se=go,ke=yo,typeof
➤ YN0000: [embla-carousel-docs]: globalThis.setTimeout=="function"&&(Se=setTimeout),typeof
➤ YN0000: [embla-carousel-docs]: globalThis.clearTimeout=="function"&&(ke=clearTimeout),me=[],Ne=!1,We=-1,bo.prot
➤ YN0000: [embla-carousel-docs]: otype.run=function(){this.fun.apply(null,this.array)},ks="browser",Os="browser",
➤ YN0000: [embla-carousel-docs]: Ts=!0,Es={},qs=[],As="",Ps={},Is={},Rs={},Cs=Ae,Ns=Ae,js=Ae,Ms=Ae,Ds=Ae,Ls=Ae,zs
➤ YN0000: [embla-carousel-docs]: =Ae,Ie=globalThis.performance||{},xo=Ie.now||Ie.mozNow||Ie.msNow||Ie.oNow||Ie.we
➤ YN0000: [embla-carousel-docs]: bkitNow||function(){return new Date().getTime()},So=new
➤ YN0000: [embla-carousel-docs]: Date,Bs={nextTick:Jl,title:ks,browser:Ts,env:Es,argv:qs,version:As,versions:Ps,o
➤ YN0000: [embla-carousel-docs]: n:Cs,addListener:Ns,once:js,off:Ms,removeListener:Ds,removeAllListeners:Ls,emit:
➤ YN0000: [embla-carousel-docs]: zs,binding:Kl,cwd:Ql,chdir:Yl,umask:Xl,hrtime:Zl,platform:Os,release:Is,config:R
➤ YN0000: [embla-carousel-docs]: s,uptime:ef},Ve=Bs}}),pt,It,tf=Le({"node_modules/rollup-plugin-node-polyfills/po
➤ YN0000: [embla-carousel-docs]: lyfills/inherits.js"(){A(),typeof Object.create=="function"?pt=function(n,i){n.s
➤ YN0000: [embla-carousel-docs]: uper_=i,n.prototype=Object.create(i.prototype,{constructor:{value:n,enumerable:!
➤ YN0000: [embla-carousel-docs]: 1,writable:!0,configurable:!0}})}:pt=function(n,i){n.super_=i;var
➤ YN0000: [embla-carousel-docs]: u=function(){};u.prototype=i.prototype,n.prototype=new
➤ YN0000: [embla-carousel-docs]: u,n.prototype.constructor=n},It=pt}}),ko={};At(ko,{_extend:()=>Mt,debuglog:()=>O
➤ YN0000: [embla-carousel-docs]: o,default:()=>No,deprecate:()=>Rt,format:()=>wr,inherits:()=>It,inspect:()=>ye,i
➤ YN0000: [embla-carousel-docs]: sArray:()=>Ct,isBoolean:()=>_r,isBuffer:()=>Ao,isDate:()=>gr,isError:()=>He,isFu
➤ YN0000: [embla-carousel-docs]: nction:()=>Je,isNull:()=>Ke,isNullOrUndefined:()=>To,isNumber:()=>Nt,isObject:()
➤ YN0000: [embla-carousel-docs]: =>je,isPrimitive:()=>qo,isRegExp:()=>Ge,isString:()=>Qe,isSymbol:()=>Eo,isUndefi
➤ YN0000: [embla-carousel-docs]: ned:()=>ge,log:()=>Po});function wr(e){if(!Qe(e)){for(var
➤ YN0000: [embla-carousel-docs]: n=[],i=0;i<arguments.length;i++)n.push(ye(arguments[i]));return n.join("
➤ YN0000: [embla-carousel-docs]: ")}for(var i=1,u=arguments,o=u.length,h=String(e).replace(Ro,function(p){if(p===
➤ YN0000: [embla-carousel-docs]: "%%")return"%";if(i>=o)return p;switch(p){case"%s":return
➤ YN0000: [embla-carousel-docs]: String(u[i++]);case"%d":return Number(u[i++]);case"%j":try{return
➤ YN0000: [embla-carousel-docs]: JSON.stringify(u[i++])}catch{return"[Circular]"}default:return
➤ YN0000: [embla-carousel-docs]: p}}),l=u[i];i<o;l=u[++i])Ke(l)||!je(l)?h+=" "+l:h+=" "+ye(l);return h}function
➤ YN0000: [embla-carousel-docs]: Rt(e,n){if(ge(globalThis.process))return function(){return
➤ YN0000: [embla-carousel-docs]: Rt(e,n).apply(this,arguments)};if(Ve.noDeprecation===!0)return e;var
➤ YN0000: [embla-carousel-docs]: i=!1;function u(){if(!i){if(Ve.throwDeprecation)throw new
➤ YN0000: [embla-carousel-docs]: Error(n);Ve.traceDeprecation?console.trace(n):console.error(n),i=!0}return
➤ YN0000: [embla-carousel-docs]: e.apply(this,arguments)}return u}function
➤ YN0000: [embla-carousel-docs]: Oo(e){if(ge(vt)&&(vt=Ve.env.NODE_DEBUG||""),e=e.toUpperCase(),!$e[e])if(new
➤ YN0000: [embla-carousel-docs]: RegExp("\\b"+e+"\\b","i").test(vt)){var n=0;$e[e]=function(){var
➤ YN0000: [embla-carousel-docs]: i=wr.apply(null,arguments);console.error("%s %d: %s",e,n,i)}}else
➤ YN0000: [embla-carousel-docs]: $e[e]=function(){};return $e[e]}function ye(e,n){var
➤ YN0000: [embla-carousel-docs]: i={seen:[],stylize:sf};return
➤ YN0000: [embla-carousel-docs]: arguments.length>=3&&(i.depth=arguments[2]),arguments.length>=4&&(i.colors=argum
➤ YN0000: [embla-carousel-docs]: ents[3]),_r(n)?i.showHidden=n:n&&Mt(i,n),ge(i.showHidden)&&(i.showHidden=!1),ge(
➤ YN0000: [embla-carousel-docs]: i.depth)&&(i.depth=2),ge(i.colors)&&(i.colors=!1),ge(i.customInspect)&&(i.custom
➤ YN0000: [embla-carousel-docs]: Inspect=!0),i.colors&&(i.stylize=nf),mr(i,e,i.depth)}function nf(e,n){var
➤ YN0000: [embla-carousel-docs]: i=ye.styles[n];return
➤ YN0000: [embla-carousel-docs]: i?"\x1B["+ye.colors[i][0]+"m"+e+"\x1B["+ye.colors[i][1]+"m":e}function
➤ YN0000: [embla-carousel-docs]: sf(e,n){return e}function of(e){var n={};return
➤ YN0000: [embla-carousel-docs]: e.forEach(function(i,u){n[i]=!0}),n}function mr(e,n,i){if(e.customInspect&&n&&Je
➤ YN0000: [embla-carousel-docs]: (n.inspect)&&n.inspect!==ye&&!(n.constructor&&n.constructor.prototype===n)){var
➤ YN0000: [embla-carousel-docs]: u=n.inspect(i,e);return Qe(u)||(u=mr(e,u,i)),u}var o=af(e,n);if(o)return o;var
➤ YN0000: [embla-carousel-docs]: h=Object.keys(n),l=of(h);if(e.showHidden&&(h=Object.getOwnPropertyNames(n)),He(n
➤ YN0000: [embla-carousel-docs]: )&&(h.indexOf("message")>=0||h.indexOf("description")>=0))return
➤ YN0000: [embla-carousel-docs]: ht(n);if(h.length===0){if(Je(n)){var p=n.name?": "+n.name:"";return
➤ YN0000: [embla-carousel-docs]: e.stylize("[Function"+p+"]","special")}if(Ge(n))return
➤ YN0000: [embla-carousel-docs]: e.stylize(RegExp.prototype.toString.call(n),"regexp");if(gr(n))return
➤ YN0000: [embla-carousel-docs]: e.stylize(Date.prototype.toString.call(n),"date");if(He(n))return ht(n)}var
➤ YN0000: [embla-carousel-docs]: m="",c=!1,t=["{","}"];if(Ct(n)&&(c=!0,t=["[","]"]),Je(n)){var r=n.name?":
➤ YN0000: [embla-carousel-docs]: "+n.name:"";m=" [Function"+r+"]"}if(Ge(n)&&(m="
➤ YN0000: [embla-carousel-docs]: "+RegExp.prototype.toString.call(n)),gr(n)&&(m="
➤ YN0000: [embla-carousel-docs]: "+Date.prototype.toUTCString.call(n)),He(n)&&(m="
➤ YN0000: [embla-carousel-docs]: "+ht(n)),h.length===0&&(!c||n.length==0))return t[0]+m+t[1];if(i<0)return
➤ YN0000: [embla-carousel-docs]: Ge(n)?e.stylize(RegExp.prototype.toString.call(n),"regexp"):e.stylize("[Object]"
➤ YN0000: [embla-carousel-docs]: ,"special");e.seen.push(n);var a;return
➤ YN0000: [embla-carousel-docs]: c?a=uf(e,n,i,l,h):a=h.map(function(s){return
➤ YN0000: [embla-carousel-docs]: xt(e,n,i,l,s,c)}),e.seen.pop(),cf(a,m,t)}function af(e,n){if(ge(n))return
➤ YN0000: [embla-carousel-docs]: e.stylize("undefined","undefined");if(Qe(n)){var i="'"+JSON.stringify(n).replace
➤ YN0000: [embla-carousel-docs]: (/^"|"$/g,"").replace(/'/g,"\\'").replace(/\\"/g,'"')+"'";return
➤ YN0000: [embla-carousel-docs]: e.stylize(i,"string")}if(Nt(n))return e.stylize(""+n,"number");if(_r(n))return
➤ YN0000: [embla-carousel-docs]: e.stylize(""+n,"boolean");if(Ke(n))return e.stylize("null","null")}function
➤ YN0000: [embla-carousel-docs]: ht(e){return"["+Error.prototype.toString.call(e)+"]"}function
➤ YN0000: [embla-carousel-docs]: uf(e,n,i,u,o){for(var h=[],l=0,p=n.length;l<p;++l)Io(n,String(l))?h.push(xt(e,n,
➤ YN0000: [embla-carousel-docs]: i,u,String(l),!0)):h.push("");return
➤ YN0000: [embla-carousel-docs]: o.forEach(function(m){m.match(/^\d+$/)||h.push(xt(e,n,i,u,m,!0))}),h}function
➤ YN0000: [embla-carousel-docs]: xt(e,n,i,u,o,h){var
➤ YN0000: [embla-carousel-docs]: l,p,m;if(m=Object.getOwnPropertyDescriptor(n,o)||{value:n[o]},m.get?m.set?p=e.st
➤ YN0000: [embla-carousel-docs]: ylize("[Getter/Setter]","special"):p=e.stylize("[Getter]","special"):m.set&&(p=e
➤ YN0000: [embla-carousel-docs]: .stylize("[Setter]","special")),Io(u,o)||(l="["+o+"]"),p||(e.seen.indexOf(m.valu
➤ YN0000: [embla-carousel-docs]: e)<0?(Ke(i)?p=mr(e,m.value,null):p=mr(e,m.value,i-1),p.indexOf(`
➤ YN0000: [embla-carousel-docs]:   27 | `)>-1&&(h?p=p.split(`
➤ YN0000: [embla-carousel-docs]:   28 | `).map(function(c){return"  "+c}).join(`
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   WebpackError: Invalid tag: /static/embla-logo-light-theme-1cc2f3917d142ed8a4ad
➤ YN0000: [embla-carousel-docs]:   642ddb95c65c.svg
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:25
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:25:388
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:33
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:33:59
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:66
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:66:1
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:71
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:71:1
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:68
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:68:507
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:71
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:71:1
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:65
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:65:201
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:71
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:71:1
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:68
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:68:507
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:71
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:71:1
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:74
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:74:1
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:73
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:73:113
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:71
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:71:223
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:66
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:66:1
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:71
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:71:1
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:   - parser-postcss.js:74
➤ YN0000: [embla-carousel-docs]:     [embla-carousel-docs]/[prettier]/parser-postcss.js:74:1
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]:
➤ YN0000: [embla-carousel-docs]: ERROR: "gatsby:build" exited with 1.
➤ YN0000: [embla-carousel-docs]: Process exited (exit code 1), completed in 3m 54s
➤ YN0000: The command failed for workspaces that are depended upon by other workspaces; can't satisfy the dependency graph
➤ YN0000: Failed with errors in 4m 46s
ERROR: "build:packages" exited with 1.

and my pc info is

OS Name	Microsoft Windows 10 Home
Version	10.0.19045 Build 19045
Other OS Description 	Not Available
OS Manufacturer	Microsoft Corporation
System Name	LAPTOP-VNSGAOL0
System Manufacturer	Acer
System Model	Aspire A315-56
System Type	x64-based PC
System SKU	0000000000000000
Processor	Intel(R) Core(TM) i3-1005G1 CPU @ 1.20GHz, 1190 Mhz, 2 Core(s), 4 Logical Processor(s)
BIOS Version/Date	Insyde Corp. V1.09, 3/27/2020
SMBIOS Version	3.2
Embedded Controller Version	1.07

[zaaakher]

and my pc info is

OS Name	Microsoft Windows 10 Home
Version	10.0.19045 Build 19045
Other OS Description 	Not Available
OS Manufacturer	Microsoft Corporation
System Name	LAPTOP-VNSGAOL0
System Manufacturer	Acer
System Model	Aspire A315-56
System Type	x64-based PC
System SKU	0000000000000000
Processor	Intel(R) Core(TM) i3-1005G1 CPU @ 1.20GHz, 1190 Mhz, 2 Core(s), 4 Logical Processor(s)
BIOS Version/Date	Insyde Corp. V1.09, 3/27/2020
SMBIOS Version	3.2
Embedded Controller Version	1.07

@TheMikeyRoss Our OS are basically identical except mine is Windows 10 Pro and not Home

The error is likely coming from gatsby:build

[davidjerleke]

@TheMikeyRoss as @zaaakher mentioned everything is working as expected on Unix based environments.

@zaaakher @TheMikeyRoss thanks for the information. You could try changing the gatsby version (like one or two patch versions) and run yarn workspace embla-carousel-docs run build from the project root and see if it makes a difference.

It will take some time for me to get hold of a Windows machine to debug this.

Best,
David

[zaaakher]

Hi @davidjerleke,

I was trying to change the gatsby version but I noticed in embla-carosuel-docs/package.json the gatsby version is v5.5.0 but in the npm registry the latest version is v5.13.0
v5.13.0 is also the latest release in gatsby repo

I've never seen something like this before (especially that it works fine in unix-based env), could you educate me about how that works?

[davidjerleke]

@zaaakher,

I hope I'm understanding your question correctly because I'm not 100% sure where the confusion lies:

I was trying to change the gatsby version but I noticed in embla-carosuel-docs/package.json the gatsby version is v5.5.0 but in the npm registry the latest version is v5.13.0
v5.13.0 is also the latest release in gatsby repo

I don't think there's anything strange with that. 5.13.0 is actually a later version than 5.5.0 because 13 > 5 (the minor version number in the middle). My thought was that we could try this:

• Change the gatsby version here, which at the time of writing is ^5.5.0 to ^5.6.0 or similar. Here's an exhaustive list of gatsby versions.
• Run yarn install from the project root.
• Run yarn workspace embla-carousel-docs run build from the project root.
• See if the build passes on a Windows machine.

Maybe it won't and something else is causing this problem but since the gatsby build command is the only build command that’s failing, my guess would be that this is related to gatsby somehow.

Best,
David

[zaaakher]

I don't think there's anything strange with that. 5.13.0 is actually a later version than 5.5.0 because 13 > 5 (the minor version number in the middle).

Omg what a brain fart that was from me. For some reason my brain kept processing it as 5.13 is less than 5.5 🤦‍♂️ I definitely need to take a break 😅

My apologies for taking up your time @davidjerleke

I will test out your suggestion when I get around it inshallah 👍

[zaaakher]

Ok so I upgraded gatsby to the following versions:

• 5.6.0
• 5.7.0
• 5.8.0
• 5.9.0
• 5.10.0
• 5.11.0
• 5.12.0
• 5.13.0

And each time I ran the commands yarn install and yarn workspace embla-carousel-docs run build from the root directory and got the following error: (from each of the versions listed)

And just for good measure I went back to gatsby 5.5.0 to see which error and it showed me the old errors mentioned here

I think this is a good sign, it seems all gatsby versions 5.6.0 and higher show one error that's different from the errors coming from gatsby version 5.5.0

[davidjerleke]

@zaaakher thank you for your efforts! That’s helpful 👍🏻. It seems to be related to graphql that gatsby is using now. You might get a more detailed error message if you run yarn start from the root given that the command doesn’t fail.

I will also start debugging this as soon as I get hold of a Windows machine.

[zaaakher]

@davidjerleke Using gatsby 5.6.0 I ran the command yarn start from the root and it threw the same error, although it continued to serve the site in localhost:8000 (see image below)

but when I visit the site in localhost:8000 it shows an error identical to this

[zaaakher]

I will also start debugging this as soon as I get hold of a Windows machine.

Take your time, no rush, no pressure. 👍

I'm just trying to get closer to the source of the error so that it's easier for you to solve once you get around it

[davidjerleke]

@zaaakher an interesting find:

I was running through dependabot PR:s and there's a Gatsby PR that's failing:

• Bump gatsby from 5.5.0 to 5.9.1 #499

When I tried that PR branch locally, I got the exact same error as you shared here, but on OSX.

Maybe debatable, but I guess we can call this some progress of sort if OSX and Windows at least consistently is throwing the same error. But I haven't had any luck browsing the web so I don't understand what's causing this at all...

[davidjerleke]

@zaaakher I solved the problem on OSX. Would you mind try building on Windows again? This is the commit that might solve the problem. Steps:

• If you already have this project locally, delete it.
• Clone this project to your local machine.
• yarn install
• yarn build
• yarn start

Regardless if you try this or not, thanks!

Best,
David

[zaaakher]

Hey @davidjerleke ,

• I deleted the project entirely from my Windows machine
• I cloned it again from the latest master branch
• did yarn install
• then yarn build and I unfortunately got the same error as this and this one by @TheMikeyRoss

I've been quite busy lately and now looking back to this error I'm just thankful it's from the docs and not the actual consumable package. So the only people who'd face it are developers trying to contribute to the docs while in Windows 😅

Update

So I decided to delete the file mentioned in the error message (api/options.mdx) just to see if the build command will succeed without that file. But the build command failed again because of another file so I kept deleting the file mentioned in the error everytime it fails a build and I ended up deleting the following files in this order (each file deleted is from a failed build caused by that file allegedly)

• Initially api/options.mdx
• then examples/predefined.mdx
• then get-started/index.mdx
• then guides/slide-container.md
• then get-started/modules.mdx
• then api/methods.mdx
• then examples/generator.mdx
• then get-started/react.mdx
• then guides/index.mdx

And at this point it kept pointing at a different mdx/md file every time the build fails so I'm pretty sure the cause is not the content of these mdx/md files but rather the way it's being built.

[davidjerleke]

@zaaakher thank you for your additional efforts! And please, if I tag you in an issue, no strings attached. Just answer if you want to help out and if you have time.

I think we’re making progress even though we haven’t solved this yet, because at least both you and @TheMikeyRoss are getting the same errors now!

The build problem on OSX was related to a simple syntax thing. Both the syntax that threw the error and the syntax that fixed it are actually valid, but for some reason graphql couldn’t handle one of the syntaxes.

• Maybe the errors you get now are related to syntax problems.
• Another thought is that I might have to update the mdx packages to newer versions.
• This? https://stackoverflow.com/a/69704431/4647781

Anyway, thanks a ton!

Best,
David

[davidjerleke]

Ideas:

ERROR #95313 HTML.COMPILATION

• https://www.gatsbyjs.com/docs/debugging-html-builds/

[zaaakher]

Hi @davidjerleke,

I've had this in my tasks list for a while I was planning to eventually get to it but today I decided to take a jab at it and 2 hours later and I've got nothing to show for 😅

I played around in gatsby-config.ts and commented out a few plugins trying to pinpoint where the problem is exactly coming from but I kept getting this:

Which Isn't very helpful I think it just prevents gatsby from building the pages alltogether.

So I played around with gatsby-node.ts and changed the createPage function to this: 👇

export const createPages: GatsbyNode['createPages'] = async ({
  graphql,
  actions: { createPage },
  reporter
}) => {
  console.log('pretending to create the pages')
  return
}

And after running yarn build I got this in the terminal:

---

For a second I thought maybe this whole windows-only issue we have here could be from the fact that the path slashes is different in each operating system and using path.sep would fix it and I tried that in gatsby-node.ts but nothing changed.

This issue is definitely unique to Windows

[davidjerleke]

@zaaakher thank you very much for being so persistent 😄!

I finally got hold of a PC with Windows 10 installed yesterday. I gave it 4 good hours last night and have to say that the error messages make no sense at all. Judging by the behaviour, I think the error messages are not highlighting what's actually going wrong in the code, but they're rather symptoms of something else. I activated the gatsby SSR flag for debugging while testing.

This is what I did (to no avail):

• At some point the compiler was complaining about pages not being found or paths being wrong. So I double checked all paths in gatsby-node.ts to components and files. All paths seem to be correct.
• I bumped almost all packages in embla-carousel-docs/package.json to their respective latest stable versions.
• At some point the errors were about SVG-files and I removed the files to no avail.
• And additional stuff I don't remember now...

This issue is definitely unique to Windows

Agreed. This is working just as expected on OSX so yes, I think that must be the case.

❓ Moving forward

Unfortunately, this is so typical for Gatsby. I don't know how many hours I've totally spent on debugging error messages that make no sense and didn't point me to the real error, just to try random stuff until finally finding the culprit. It's sad to say the least.

I'm considering creating a minimal reproduction repository and creating a bug report for the gatsby plugin gatsby-plugin-mdx. Let's see if I get some time to do that soon.

Thank you for your efforts @zaaakher! Let me know if you try something else regardless if it solves the problem or not.

Best,
David

[zaaakher]

Hi @davidjerleke thanks for the update, I'm honestly relieved you're in the same boat as us now that you've seen the error yourself 😅 I was worried it's too edgy of an edge-case that only I and @TheMikeyRoss encountered.

I've never used gatsby before, and for a while i've been seeing some online rumors that gatsby is on the verge of dying with only a single developer maintaining it. And ever since, I've been hesitant to bring that up to you along with a suggestion to migrate to Astro. But I've checked on Gatsby recently and the repository is active and there's still hope for it to stay around for a little longer.

As a busy man myself I understand how it feels to work on something that's not profitable and that's why I didn't want to bring up Astro to you or the mere idea of migrating the docs to another framework, which feels quite unnecessary especially that the docs currently looks absolutely great and nothing is wrong with it (except for this issue I guess 🫥).

I kinda feel guilty for wasting your time and mine on an issue that doesn't even effect the packages itself. I have a macbook so I can contribute to the docs with no issue at anytime. And at this point I'd suggest to @TheMikeyRoss and potential docs-contributors (on Windows) to create an issue addressing any fixes or additions to the docs so we can take care of it.

@davidjerleke to prevent other developers on windows from falling into the same 10+ collective hours of debugging nightmare we've been through here, I'd suggest we add a note to the documentation section in CONTRIBUTING.md referencing this issue just to give them a heads up and also telling them to open an issue for their intended contribution to the docs. Let me know if you approve that or have other ideas and I'll create a PR for it inshallah.

[davidjerleke]

Hi @zaaakher,

I kinda feel guilty for wasting your time and mine on an issue that doesn't even effect the packages itself.

Don’t. I know that your intention is to help out and I appreciate that. As I said in my previous comment:

Unfortunately, this is so typical for Gatsby. I don't know how many hours I've totally spent on debugging error messages that make no sense and didn't point me to the real error, just to try random stuff until finally finding the culprit. It's sad to say the least.

I think I’m done with Gatsby to be honest. I’ve spent crazy amounts of time debugging just to realize the error messages have nothing to do with the real problem. This happens every time I upgrade Gatsby and its plugins. I can’t afford to spend more time on this.

I’ve actually considered alternatives back in time. For example, I’ve seriously considered migrating to Docusaurus. But it doesn’t support using Styled Components which I use throughout the project so the migration would be insanely time consuming. Additionally, the flexibility Styled Components has is necessary for the automatic CodeSandbox generation process for all the examples. Any changes made in the documentation example styles will instantly be reflected on the generated sandboxes on the examples page. This is great because this means no manual maintenance. And if it’s one thing I’ve learned from maintaining this library myself is that automation is key if I’m to have time over to build new features, examples and improving the docs.

Alternatives

• NextJS: I think this is the best candidate and as far as I can tell, the migration to NextJS would be the least painful. And given what devs say about their experience with it, it seems to work as you would expect without the Gatsby dependency and upgrade hell.

• Astro: I have no experience with Astro which means that I have to read the docs and do some research. There’s also the process of actually trying it out and evaluating pros and cons.

Best,
David

[zaaakher]

Hi @davidjerleke,

I also haven't used Astro before but I'm planning to learn it since it's becoming the go-to for static sites and a lot of people recommended it to me, Although the Astro path I'm planning to learn is CMS-based rather than MDX-based.

I've only recommended Astro because I've seen a lot of open-source projects use Astro for their MDX-based documentation.

However, I'd definitely recommend NextJS, It's my favorite framework. Although there's an on-going debate regarding the pages vs. app routers (the biggest con of the pages router is that it will eventually be deprecated 😅).

In the documentation of my UI kit I used the same nextjs docs setup used by shadcn/ui here. Although they're using contentlayer which unfortunately seems to be unmaintained at this point in time.

There's also Nextra, which is easy to setup and get started with the MDX side of things. But I worry it might start causing you trouble when you go deeper and try to customize things that could potentially conflict with Nextra. Note: Nextra is currently working on v3 here (related PR) So expect breaking changes when they upgrade to v3.

The best course of action at this point might be to start a fresh next.js project, unless you have another plan in mind. In all cases, let me know if you need any help. Best of luck brother 👍