即使出现 TypeScript（类型）错误，如何允许故事书构建？

Question

I've set up CRA typescript template and integrated storybook into the app. I'm using Chakra-UI which lacks typescript support for a few components right now. When I run yarn storybook, the app runs and serves up the storybook app and all the component stories work fine. When I build though, with the command yarn build-storybook, the TypeScript errors show up in the console and the command exits with exit code 1 and the build never happens. How do I set a configuration such that even thought there are TS errors, storybook still proceeds with the build?

Sample error below.

Answer 1

Storybook v6.1+ main.ts / main.js

module.exports = {
    typescript: {
        check: false
    }
    ...
}

source: https://storybook.js.org/docs/react/configure/typescript

Answer 2

There are plenty of strict type checking options in your tsconfig which may be disabled to prevent those errors.

/* Strict Type-Checking Options */
    // "strict": true,                        /* Enable all strict type-checking options. */
    // "noImplicitAny": true,                 /* Raise error on expressions and declarations with an implied 'any' type. */
    // "strictNullChecks": true,              /* Enable strict null checks. */
    // "strictFunctionTypes": true,           /* Enable strict checking of function types. */
    // "strictBindCallApply": true,           /* Enable strict 'bind', 'call', and 'apply' methods on functions. */
    // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */
    // "noImplicitThis": true,                /* Raise error on 'this' expressions with an implied 'any' type. */
    // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */

For your specific case you may just type the following above the failing line. (Incl. '//')

// @ts-ignore