Registry /
web-framework / storybook-framework-redwoodjs-vite
Install & Compatibility
Where this runs
tested against v? · npm install
Install × environment matrix
Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux
muslnode 18–223 runs
build_error
glibcnode 18–223 runs
build_error
Code
Verified usage
Verified import paths — ran on the pinned version, not inferred.
default
✓ import storybookFrameworkRedwoodjsVite from 'storybook-framework-redwoodjs-vite'
✗ const storybookFrameworkRedwoodjsVite = require('storybook-framework-redwoodjs-vite')
ESM-only; CJS require() will fail because the package is type: module. The default export is a preset object for Storybook's main.js.
createViteConfig
✓ import { createViteConfig } from 'storybook-framework-redwoodjs-vite'
Helper function to create a Vite config for Storybook in RedwoodJS projects.
storybookConfig
✓ import { storybookConfig } from 'storybook-framework-redwoodjs-vite'
✗ const { storybookConfig } = require('storybook-framework-redwoodjs-vite')
Named export of the Storybook configuration object. Only available as ESM import.
Configures Storybook main.js to use the RedwoodJS Vite framework preset and sets up stories and addons.
// .storybook/main.js
import { mergeConfig } from 'vite';
import storybookFrameworkRedwoodjsVite from 'storybook-framework-redwoodjs-vite';
export default {
framework: {
name: storybookFrameworkRedwoodjsVite,
options: {},
},
stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
addons: [
'@storybook/addon-links',
'@storybook/addon-essentials',
'@storybook/addon-interactions',
],
async viteFinal(config) {
// Customize Vite config here
return mergeConfig(config, {
// Add any Vite plugins or overrides
});
},
};
// Also ensure you have installed peer dependencies:
// npm install --save-dev react react-dom storybook @redwoodjs/router @redwoodjs/project-config
Errors
Common errors & fixes
Error: Cannot find module 'storybook-framework-redwoodjs-vite'
Package not installed or missing from node_modules.
fixRun `npm install --save-dev storybook-framework-redwoodjs-vite`.
[vite] Internal server error: Failed to resolve import "@redwoodjs/router"
Missing peer dependency @redwoodjs/router.
fixInstall the missing peer dependency: `npm install @redwoodjs/router`.
TypeError: storybookFrameworkRedwoodjsVite is not a function or object
Using CommonJS require() on an ESM-only package.
fixChange require() to import statement or ensure your file is treated as ESM (e.g., rename to .mjs or set type: module in package.json).
Audit
Dependencies
storybookrequiredPeer dependency; required to run Storybook itself
@redwoodjs/routerrequiredPeer dependency; RedwoodJS router integration
@redwoodjs/project-configrequiredPeer dependency; reads RedwoodJS project configuration
reactrequiredPeer dependency; UI library used by Storybook and RedwoodJS
react-domrequiredPeer dependency; DOM rendering for React