Skip to main content
Latest news: [[ newestAnnouncement.title ]] Learn more
InVision Support Home Page
Sign in
InVision ambassador ambassador
Hiram Moncivais
Hiram Moncivais Updated

SyntaxError when setting up Live Components DSM Storybook Integration

I followed all the steps in the documentation to setup live components. I am using react and storybook v5. First error I got was DSM not finding my stories (Invision Support post: https://support.invisionapp.com/hc/en-us/community/posts/360048055491-DSM-Component-Container-ID-s-not-found-for-Live-Components-), which I was able to get around by using Storybook's CSF (https://storybook.js.org/docs/formats/component-story-format/).

 

However, I am now getting the following error logs:

```

> dsm-storybook publish

DSM => Custom prettier configuration was not found for this project
DSM => Verifying dsm-storybook version (0.0.99) is valid...
DSM => Verifying <Company> subscription...
DSM => Analyzing file dist/Button/Button.story.js
DSM => Analysis result written to file <path-to-project>/.dsm/metadata/story-metadata.json.
DSM => Creating Storybook bundle...
<path-to-project>/node_modules/.bin/build-storybook:2
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
^^^^^^^

SyntaxError: missing ) after argument list
at Module._compile (internal/modules/cjs/loader.js:723:23)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
at Function.Module.runMain (internal/modules/cjs/loader.js:831:12)
at startup (internal/bootstrap/node.js:283:19)
at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
DSM => ✖ Failed to build Storybook. For further assistance visit (https://support.invisionapp.com).
 ERROR  Command failed with exit code 1.

```

I tried copying the package versions from the example library linked in the docs, but I receive the `No stories with DSM component container IDs were found` error.

Here's my env info:

  1. Browser & OS: https://whatsmybrowser.org/b/4Z5QZQQ2. 
  2. No proxy
  3. node: 10.16.3 (also tried 10.0.0, 11.0.0, 12.0.0), storybook: 5.2.0, dsm-storybook: 0.0.99 (also tried 0.0.85)

 

Any help or links to projects successfully using dsm-storybook would be appreciated!

This post is associated with a known feature request: [[ problemTicketSubject ]]. Let our Product team know that you’re interested in this feature.

Sign in to add your vote

Thanks for taking the time to share your feedback about making our product better. We’ve let our Product team know that you’re interested in this feature so they can factor that into their product strategy.

0

comments

Sort by

official comment

Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador

UPDATE

Great news! I wanted to provide an update based on your previous questions here. We now fully support TypeScript in DSM Storybook version 0.0.127.

Shaina Torgerson
InVision ambassador Shaina Torgerson , ambassador Edited

Hi Hiram,

Sorry to hear that you're running into these issues with live components in DSM. We have received some similar reports of issues like this from other users.

In order to determine exactly what's causing this, our Support team will need to do some further investigation. I will open a ticket on your behalf including these details. Please keep an eye out for an email from one of our Support agents who will be following up with further troubleshooting questions.

Please let me know if there's anything else I can help out with in the meantime.

Best,

Shaina

If anyone else is experiencing this issue, please contact our Support team directly here.

0

join the conversation

To comment, sign up or sign in.