Preview error

[fullerpault]

I've been wanting to try out Quire for some time and I've finally gotten around to it (yay!). Unfortunately, I'm running into issues getting the preview command to work. Here's the output I've been getting:

Any suggestions for troubleshooting?

[Erin-Cecele]

Hi @fullerpault, did you receive this error message when you previewed for the first time? Or have you made changes to your project? If it's the latter, what kind of changes have you made?

[Erin-Cecele]

@fullerpault disregard my last message, I see you have made updates and changes, including adding IIIF images to your project. I think the issuse may be the the image id. Per our documentation, "the id can be anything as long as it starts with a letter, is all lowercase, and uses dashes instead of spaces." It looks like your id starts with a number. Can you double-check and try amending it so it starts with a letter instead? For example, fig-789-iiif.

If that doesn't work, can you please run the command quire info --debug and let us know what the output is? That will help us do some testing on our end.

Thank you!

[fullerpault]

Thanks @Erin-Cecele! Missed that part of the documentation, apologies! Unfortunately, I renamed the figure id but ran into an error again. Here's that output:

Here's the output from quire info --debug:

[Erin-Cecele]

Hi @fullerpault, you are running an outdated version of Quire. Try updating your project by following these instructions: https://quire.getty.edu/docs-v1/install-uninstall/#update-an-existing-project. You can also try installing a slightly older version of Node. Either 18.20.8 or 20.19.4 should work.

[fullerpault]

Hey @Erin-Cecele, that's super weird! I downloaded Quire earlier this week. Trying to update didn't work, and I also even just tried to uninstall with npm uninstall --global @thegetty/quire-cli and reinstall entirely. Still got the same error, and running quire info --debug shows the same output as before.

Is there a chance I'm somehow downloading an older version unintentionally? I'm on a Windows 11 machine and have tried using both Powershell and Git Bash (in VS Code terminal).

[Erin-Cecele]

We have been working on a number of improvements for Windows users. There is a new version of Quire that has not been officially released, as we are still doing testing. But you can give it a try. Install with this command: npm install -g @thegetty/quire-cli@1.0.0-rc.32

[fullerpault]

Bummer - even when uninstalling and running that I'm not able to get things going. I'm sure it's mostly on my end, but I'm not entirely sure what I'd have to do to make it work. I'm happy to keep testing things out for you if that's helpful, but I can also just keep an eye out for a new release (while seeing if I can find a Mac I can use in the meantime). Thanks for all of your help!

[Erin-Cecele]

My apologies, @fullerpault, I provided the wrong install command. Here is the correct one: quire new my-project --quire-version 1.0.0-rc.32. This will start a new project that incorporates the aforementioned latest updates (including Windows-specific fixes). You can then move content from your original project into this one. I recommend making small batches of changes and then re-previewing. This will help narrow down the source, just in case the break is caused by something other than the file names not starting with a letter.

If, after trying the latest version, you continue to encounter errors/issues, please share the complete terminal output.

[fullerpault]

Hi @Erin-Cecele, here's the terminal output after trying that command. Let me know if there's anything else I should try (happy to also chat elsewhere if that's easier).

[Erin-Cecele]

Hi @fullerpault Let's try one last thing. I just encountered this error message in a project I was working on yesterday. I resolved it by running the command npm install and then previewing again. If that still doesn't work, let us know if you would like to hop on a call to troubleshoot in real-time.

[fullerpault]

Thanks @Erin-Cecele! Unfortunately, that didn't seem to work either - here's the output. I'm super appreciative of all of your help so far. Thanks for offering to hop on a call, that'd be great! Let me know the best way to schedule that.

[Erin-Cecele]

Just to close this loop @fullerpault I want to confirm that everything is working well after we hopped on a call to troubleshoot together. Let us know if you need anything additional.

[fullerpault]

Yes, all seems to be working well! Thank you so much!

[MultimedialitySummerSchool]

Hi, I am also encountering a problem with the "quire preview" command for a project I just created. Here is the script from the Terminal:

Federicivmac-lt:parasoleportraitita v-federici$ quire preview
[CLI] running eleventy using lib/11ty cli
[CLI:11ty] running eleventy serve
node:internal/modules/cjs/loader:1404
throw err;
^

Error: Cannot find module '/Users/v-federici/parasoleportraitita/node_modules/@11ty/eleventy/cmd.js'
at Function._resolveFilename (node:internal/modules/cjs/loader:1401:15)
at defaultResolveImpl (node:internal/modules/cjs/loader:1057:19)
at resolveForCJSWithHooks (node:internal/modules/cjs/loader:1062:22)
at Function._load (node:internal/modules/cjs/loader:1211:37)
at TracingChannel.traceSync (node:diagnostics_channel:322:14)
at wrapModuleLoad (node:internal/modules/cjs/loader:235:24)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:171:5)
at node:internal/main/run_main_module:36:49 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}

Node.js v22.17.1

I tried to run a nmp install, as I saw this option previously in this thread, but that did not fix the problem. What else can I do?
I have just created this project and I was trying to launch a preview to make sure everything was fine before starting to edit the individual .md or .yaml pages. Thank you - Valeria

[Erin-Cecele]

I see you are on Node v. 22 but what version of Quire are you running @MultimedialitySummerSchool?

[MultimedialitySummerSchool]

Hi Erin, I am running version 1.0.0-rc.25

[Erin-Cecele]

Thank you, @MultimedialitySummerSchool, I was able to reproduce the issue. It seems to be a problem with rc-25. I installed the latest version of Quire (rc-33) using the command npm install --global @thegetty/quire-cli@1.0.0-rc.33, stayed on Node version 22, and successfully created a new project. Try that and let me know if it works!

[MultimedialitySummerSchool]

Thank you @Erin-Cecele That worked! I can create a new project and run a preview. However, once I start working on my project, I edit all the info and I run a preview again to see the changes, I get this error:

[CLI] running eleventy using lib/11ty cli
[CLI:11ty] running eleventy serve
[quire] DEBUG Figures:ImageProcessor
inputRoot: /Users/v-federici/parasoleprintmaking/content/_assets/images
outputRoot: /Users/v-federici/parasoleprintmaking/_site

[quire] INFO Figures Processing complete
WARNING: mixed-decls deprecation is obsolete. If you were previously silencing it, your code may now behave in unexpected ways.

WARNING: mixed-decls deprecation is obsolete. If you were previously silencing it, your code may now behave in unexpected ways.

WARNING: mixed-decls deprecation is obsolete. If you were previously silencing it, your code may now behave in unexpected ways.

[11ty] Problem writing Eleventy templates:
[11ty] 1. Having trouble writing to "./_site/index.html" from "./content/index.md" (via EleventyTemplateError)
[11ty] 2. Transform pdf encountered an error when transforming ./content/index.md. (via EleventyTransformError)
[11ty] 3. Cannot read properties of null (reading '1') (via TypeError)
[11ty]
[11ty] Original error stack trace: TypeError: Cannot read properties of null (reading '1')
[11ty] at file:///Users/v-federici/parasoleprintmaking/_plugins/transforms/outputs/pdf/transform.js:145:83
[11ty] at Proxy.forEach ()
[11ty] at trimLeadingSeparator (file:///Users/v-federici/parasoleprintmaking/_plugins/transforms/outputs/pdf/transform.js:144:62)
[11ty] at Object.default (file:///Users/v-federici/parasoleprintmaking/_plugins/transforms/outputs/pdf/transform.js:257:3)
[11ty] at Object. (file:///Users/v-federici/parasoleprintmaking/_plugins/transforms/outputs/index.js:24:16)
[11ty] at Object.fn (file:///Users/v-federici/parasoleprintmaking/node_modules/@11ty/eleventy/src/Benchmark/BenchmarkGroup.js:37:23)
[11ty] at TransformsUtil.runAll (file:///Users/v-federici/parasoleprintmaking/node_modules/@11ty/eleventy/src/Util/TransformsUtil.js:37:30)
[11ty] at async #renderPageEntryWithLayoutsAndTransforms (file:///Users/v-federici/parasoleprintmaking/node_modules/@11ty/eleventy/src/Template.js:927:13)
[11ty] at async Template.generateMapEntry (file:///Users/v-federici/parasoleprintmaking/node_modules/@11ty/eleventy/src/Template.js:959:15)
[11ty] at async Promise.all (index 10)
[11ty] Benchmark 137ms 11% 8× (Configuration) "epub" Transform
[11ty] Copied 7 Wrote 4 files in 1.21 seconds (303.6ms each, v3.1.0)
[11ty] Eleventy Fatal Error (CLI):
[11ty] 1. Having trouble writing to "./_site/index.html" from "./content/index.md" (via EleventyTemplateError)
[11ty] 2. Transform pdf encountered an error when transforming ./content/index.md. (via EleventyTransformError)
[11ty] 3. Cannot read properties of null (reading '1') (via TypeError)
[11ty]
[11ty] Original error stack trace: TypeError: Cannot read properties of null (reading '1')
[11ty] at file:///Users/v-federici/parasoleprintmaking/_plugins/transforms/outputs/pdf/transform.js:145:83
[11ty] at Proxy.forEach ()
[11ty] at trimLeadingSeparator (file:///Users/v-federici/parasoleprintmaking/_plugins/transforms/outputs/pdf/transform.js:144:62)
[11ty] at Object.default (file:///Users/v-federici/parasoleprintmaking/_plugins/transforms/outputs/pdf/transform.js:257:3)
[11ty] at Object. (file:///Users/v-federici/parasoleprintmaking/_plugins/transforms/outputs/index.js:24:16)
[11ty] at Object.fn (file:///Users/v-federici/parasoleprintmaking/node_modules/@11ty/eleventy/src/Benchmark/BenchmarkGroup.js:37:23)
[11ty] at TransformsUtil.runAll (file:///Users/v-federici/parasoleprintmaking/node_modules/@11ty/eleventy/src/Util/TransformsUtil.js:37:30)
[11ty] at async #renderPageEntryWithLayoutsAndTransforms (file:///Users/v-federici/parasoleprintmaking/node_modules/@11ty/eleventy/src/Template.js:927:13)
[11ty] at async Template.generateMapEntry (file:///Users/v-federici/parasoleprintmaking/node_modules/@11ty/eleventy/src/Template.js:959:15)
[11ty] at async Promise.all (index 10)

---

I can see in Visual Studio Code that once Quire creates index.html, the file does not contain the info that I entered in index.md...

Not sure what to do, by all the index related files show some differences with previous projects'.
For instance, in the image attached, on the left, you have the new project's (just created) index.js in the markdown (plugins) section, where all the initial lines start with "import"(and then the plugins' names); on the right, you see the same file from another project, created before this whole issue started, and the plugins lines start with "const".

[MultimedialitySummerSchool]

I am not sure this is helpful, but in the Node modules, in the eleventy folder, the cmd file is not a .js file (as it is for all the other projects I created) but it is a .cjs file. Screenshot below:

Thank you for all the help!

[Erin-Cecele]

Hi @MultimedialitySummerSchool, I moved this to a separate discussion #1063 so that it is searchable for someone who might encounter a similar error message. I will respond with next steps within that discussion.