我已经配置了 React、Storybook、Tailwind。一切正常。但是在我添加 eslint 后,它会因为每个 eslint 错误而破坏故事书。
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 第 …