Phil
(Phil Snow - (On holiday, tag @Prismic-Support-Team for help))
1
Troubleshooting
In case you run into installation issues, here are some tips.
../.slicemachine/libraries-state.json does not exist
You need to run npm run slicemachine at least once before launching npm run dev.
Some dependencies are missing
Installation failed, try re-installing.
We can’t connect to the Simulator page
Make sure your project is running with npm run dev.
Check the value is correct in your sm.json, (eg. http://localhost instead of localhost).
This could be caused by accessing the wrong port.
Check the slice-simulator.jsx route
The slice-simulator.js filename is arbitrary, it can be anything you want for example _test.js or _components.js, as long as you specify it as shown in the next step.
Can’t find “localSliceSimulatorURL”
Update the sm.json file
In the sm.json add the property in the shape of http://localhost:PORT/PATH.
PORT = port on which the next.js project is running. PATH = path to the file created above.
Some versions of Webpack fails to resolve ESM modules correctly, to mitigate that, update the import to use CJS instead:
import { SliceSimulator } from "@prismicio/slice-simulator-vue/dist/index.cjs";
Phil
(Phil Snow - (On holiday, tag @Prismic-Support-Team for help))
Split this topic
2
Hi, I think commenting here reopens this topic! I've been running into this error specifically when deploying to Vercel, as the "next build" command does not actually factor for initializing slicemachine before building the Next app.
Do you have any recommendations for initializing Slicemachine state on build from within the scripts folder, in such a way that Vercel can pick it up on one server?