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

Storybook not loaded with node version 18

I am unable to load storybook in dsm with node version 18 and it's loading and working preview locally. there is no errors in console and terminal during publish storybook.

working:

node LTS 16.16.1

node 18.1.0

storybook add on versions like @storybook/addons, @storybook/html... with 6.4.22 is working

not working:

node 18.1.0

storybook add on versions like @storybook/addons, @storybook/html... with 6.5.10 is not working

here is node info and package

node v18.1.0, npm 8.11.0

{

"name": "component-lib",

"version": "1.3.0",

"description": "Design system components",

"main": "dist/index.cjs.js",

"module": "dist/index.js",

"es2015": "dist/esm/index.js",

"es2017": "dist/esm/index.js",

"jsnext:main": "dist/esm/index.js",

"types": "dist/custom-elements/index.d.ts",

"collection": "dist/collection/collection-manifest.json",

"collection:main": "dist/collection/index.js",

"files": [

"dist",

"loader"

],

"scripts": {

"build": "stencil build --prod --docs",

"postbuild": "node scripts/copyReadme.js",

"start": "npm run start:dev",

"start:dev": "stencil build --port=3333 --dev --watch --serve --no-open",

"start:prod": "stencil build --port=3333 --prod --watch --serve --no-open",

"generate": "node scripts/generate.js",

"lint": "eslint src/**/*.{js,ts,tsx} --no-error-on-unmatched-pattern",

"lint:fix": "npm run lint -- --fix",

"test:e2e": "stencil test --spec --e2e",

"test:e2e:watch": "npm run test:e2e -- --watch",

"test:e2e:watchAll": "npm run test:e2e -- --watchAll",

"stencil": "stencil",

"storybook": "NODE_OPTIONS=\"--openssl-legacy-provider\" start-storybook -p 6006",

"storybook:preview": "npm run dsm-storybook:preview -- --story-path \"src/components/**/*.stories.js\"",

"dsm-storybook": "dsm-storybook",

"dsm-storybook:publish": "NODE_OPTIONS=\"--openssl-legacy-provider\" dsm-storybook publish --story-path \"src/components/**/*.stories.js\"",

"dsm-storybook:preview": "NODE_OPTIONS=\"--openssl-legacy-provider\" dsm-storybook preview",

"cy:run": "cypress run",

"cy:open": "cypress open",

"cy:cicd": "cypress run --headless",

"e2e:development": "start-server-and-test start:dev http://localhost:3333 cy:open",

"e2e:cicd": "CI=true start-server-and-test start:prod http://localhost:3333 cy:cicd"

},

"devDependencies": {

"@invisionapp/dsm-storybook": "^0.0.149",

"@stencil/core": "^2.17.3",

"@stencil/sass": "^1.5.2",

"@storybook/addon-a11y": "^6.5.10",

"@storybook/addon-actions": "^6.5.10",

"@storybook/addon-backgrounds": "^6.5.10",

"@storybook/addon-knobs": "^6.4.0",

"@storybook/addon-options": "^4.1.11",

"@storybook/addon-docs": "^6.5.10",

"@storybook/addon-essentials": "^6.5.10",

"@storybook/addon-viewport": "^6.5.10",

"@storybook/addons": "^6.5.10",

"@storybook/html": "^6.5.10",

"@types/cypress": "^1.1.3",

"@types/jest": "^27.5.0",

"@typescript-eslint/eslint-plugin": "^5.22.0",

"@typescript-eslint/parser": "^5.22.0",

"cypress": "10.3.0",

"del": "^6.1.1",

"eslint": "^7.0.0",

"eslint-plugin-eslint-comments": "^3.2.0",

"eslint-plugin-import": "^2.25.2",

"eslint-plugin-jest": "^26.1.0",

"eslint-plugin-jest-formatting": "^3.1.0",

"eslint-plugin-jsdoc": "^39.2.9",

"eslint-plugin-prefer-arrow": "^1.2.3",

"eslint-plugin-react": "^7.29.4",

"eslint-plugin-storybook": "^0.5.11",

"fs-extra": "^10.0.0",

"jest": "^27.0.0",

"jest-cli": "^27.0.0",

"mochawesome": "^7.1.3",

"nunjucks": "^3.2.3",

"prompt": "^1.3.0",

"puppeteer": "^13.0.0",

"start-server-and-test": "^1.14.0",

"stencil-inline-svg": "^1.1.0",

"typescript": "~4.4.0"

},

"dependencies": {

"@types/react": "^18.0.15",

"@types/react-dom": "^18.0.6",

"colors": "1.4.0",

"request": "^2.88.2",

"resize-observer": "^1.0.0",

"resize-observer-polyfill": "^1.5.1",

"rxjs": "^7.5.4",

"string-similarity": "^4.0.4",

"subsink2": "^1.0.5",

"text-mask-core": "^5.1.2"

},

"overrides": {

"ip": "1.1.8"

}
}

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

join the conversation

To comment, sign up or sign in.