Eslint加载程序未发出警告和错误

编程问答 2022-08-14

问题描述

我想使用故事书实现UI库。我想配置eslint，以便每次保存任何文件时在终端中显示警告和错误。当前，只有在您手动输入npx eslint "./src/**/*.tsx"时才会发生这种情况。使用yarn storybook启动故事书时，有什么办法可以显示这些错误？对我来说，似乎eslint-loader根本不起作用。我没有使用CRA中的配置。

webpack.config 

module.exports = {
  module: {
    rules: [
      {
        test: /\.tsx/,enforce: 'pre',loader: "eslint-loader",include,options: {
          emitError: true,failOnWarning: true,failOnError: true,emitWarning: true
        }
      },{
        test: /\.tsx/,loader: 'babel-loader!ts-loader',exclude: /node_modules/,},{
        test: /\.s?css$/,use: [
          {
            loader: require.resolve('sass-loader'),options: {
              importLoaders: 1,sourceMap: true
            }
          }
        ]
      }
    ],};

package.json 

{
  "name": "root","private": true,"workspaces": [
    "packages/*"
  ],"scripts": {
    "test": "jest","tsc": "lerna run tsc","bootstrap": "lerna bootstrap","storybook": "start-storybook -p 6006 -c .storybook","build:storybook": "build-storybook"
  },"devDependencies": {
      ...
  },"dependencies": {
    "react": "^16.9.0","react-dom": "^16.9.0"
  },"eslintConfig": {
    "extends": [
      "plugin:jsx-a11y/recommended"
    ]
  }
}

main.js 

module.exports = {
    stories: ['../packages/**/stories/*.stories.@(tsx|mdx)'],addons: [
        "@storybook/preset-scss","@storybook/addon-knobs/register",{
            name: '@storybook/addon-docs',options: {
                configureJSX: true,babelOptions: {},sourceLoaderOptions: null,}
        }
    ]
};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

eslinteslintreactjsreactjsreactjsreactjsstorybookwebpackwebpackwebpack