小编San*_*mar的帖子

Storybook 在 React 中因 eslint 错误而失败

我已经配置了 React、Storybook、Tailwind。一切正常。但是在我添加 eslint 后,它会因为每个 eslint 错误而破坏故事书。

.storybook/main.js


    const path = require('path');
    
    module.exports = {
      stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
      addons: [
        '@storybook/addon-links',
        '@storybook/addon-essentials',
        '@storybook/preset-create-react-app',
      ],
      webpackFinal: async (config) => {
        config.module.rules.push({
          test: /\.css$/,
          use: [
            {
              loader: 'postcss-loader',
              options: {
                ident: 'postcss',
                plugins: [require('tailwindcss'), require('autoprefixer')],
              },
            },
          ],
          include: path.resolve(__dirname, '../'),
        });
        
        return config;
      },
    };

Run Code Online (Sandbox Code Playgroud)

错误

[ESLintError:src/stories/Button.js 第 2:23 行:“prop-types”应列在项目的依赖项中。运行“npm i -S prop-types”以添加导入/无无关依赖项

src/stories/Header.js 第 2:23 行:“prop-types”应列在项目的依赖项中。运行“npm i -S prop-types”以添加导入/无无关依赖项

src/stories/Page.js 第 2:23 行:“prop-types”应列在项目的依赖项中。运行 'npm i -S prop-types' 添加它 import/no-extraneous-dependency 第 …

reactjs eslint storybook

6
推荐指数
2
解决办法
4621
查看次数

标签 统计

eslint ×1

reactjs ×1

storybook ×1