search

davidjerleke / embla-carousel

A lightweight carousel library with fluid motion and great swipe precision.
https://www.embla-carousel.com
MIT License
5.39k stars 166 forks source link

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

Open zaaakher opened 6 months ago

zaaakher commented 6 months ago

Bug is related to

Embla Carousel version

Describe the bug

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 commented 6 months ago

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 commented 6 months ago

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 commented 6 months ago

@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 commented 6 months ago

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 commented 6 months ago

@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:

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 commented 6 months ago

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 commented 6 months ago

Ok so I upgraded gatsby to the following versions:

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)

image

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 commented 6 months ago

@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 commented 6 months ago

@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) image

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

zaaakher commented 6 months ago

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 commented 5 months ago

@zaaakher an interesting find:

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

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 commented 5 months ago

@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:

Regardless if you try this or not, thanks!

Best, David

zaaakher commented 5 months ago

Hey @davidjerleke ,

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)

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 commented 5 months ago

@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.

Anyway, thanks a ton!

Best, David

davidjerleke commented 5 months ago

Ideas:

ERROR #95313 HTML.COMPILATION

zaaakher commented 5 months ago

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: image

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:

image

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 commented 5 months ago

@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):

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 commented 5 months ago

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 commented 5 months ago

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

Best, David

zaaakher commented 5 months ago

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 👍