小编cdp*_*sch的帖子

在 React Redux 应用程序中的 Windows 10 上开玩笑“未找到测试,以代码 1 退出”错误

我正在尝试在我的项目上运行 Jest。我使用的是 Windows 10。我在一个测试文件中只有一个测试。

package.json

    "test": "jest"
Run Code Online (Sandbox Code Playgroud)

我的目录结构:

    src/
        app/
            routeName/
                redux/
                    action.tests.js
Run Code Online (Sandbox Code Playgroud)

我的输出:

No tests found, exiting with code 1
Run with `--passWithNoTests` to exit with code 0
In C:\Users\myUsername\Documents\myApp
  47 files checked.
  testMatch: **/__tests__/**/*.[jt]s?(x), **/?(*.)+(spec|test).[tj]s?(x) - 0 matches
  testPathIgnorePatterns: \\node_modules\\ - 47 matches
  testRegex:  - 0 matches
Pattern:  - 0 matches
npm ERR! Test failed.  See above for more details.
Run Code Online (Sandbox Code Playgroud)

根据此处的文档,Jest 应该查找test.js名称中包含的任何内容。

我也试过了tests.js,也没用。

我在项目的根目录中创建了一个文件夹,并在其中放置了一个测试,__tests__/tests.js并且确实有效,但我不希望将其放置在那里。

我已经看到了一些关于表面上相似的问题的票和问题,但所有这些都涉及更复杂的配置,或者据称已经修补的错误。我没有设置特殊的配置。文档说这应该有效。我为 Jest 阅读的教程包括我目前使用的确切设置。

我正在使用 …

javascript reactjs jestjs

18
推荐指数
3
解决办法
2万
查看次数

Airbnb、ESLint、Prettier 关于 Switch 和 Case 缩进的冲突

我正在设置我的 React Redux 项目,以将 ESLint 与 Airbnb 配置和 Prettier 结合使用。我一直在按照我想要的方式修改某些东西,但现在我遇到了 switch 和 case 语句上的缩进问题,我似乎无法修复。

我正在 VSCode 中编辑我的项目。我单击错误并使用 ESLint 修复,将缩进减少 4 个空格,但随后 Prettier 出现了更多错误,要求将所有内容重新缩进 4 个空格。

我想改变的一件关键事情是缩进:我想为制表符使用 4 个空格,并相应地调整我的设置。我对 switch/case 缩进没有强烈的看法(从 switch 缩进的情况更可取,但无论如何),我只是不想得到错误。

我已经安装:

prettier
eslint
eslint-config-airbnb
eslint-plugin-import
eslint-plugin-jsx-a11y
eslint-plugin-react
eslint-import-resolver-webpack
eslint-config-prettier
eslint-plugin-prettier
Run Code Online (Sandbox Code Playgroud)

我的.eslintrc.json文件的相关部分:

prettier
eslint
eslint-config-airbnb
eslint-plugin-import
eslint-plugin-jsx-a11y
eslint-plugin-react
eslint-import-resolver-webpack
eslint-config-prettier
eslint-plugin-prettier
Run Code Online (Sandbox Code Playgroud)

中的其他设置package.json(需要正确设置标签宽度):

{
    "extends": ["airbnb", "prettier", "prettier/react"],
    "plugins": ["react", "prettier"],
    "rules": {
        "react/jsx-filename-extension": [
            1,
            {
                "extensions": [".js", "jsx"]
            }
        ],
        "prettier/prettier": "error",
        "indent": ["error", …
Run Code Online (Sandbox Code Playgroud)

eslint airbnb-js-styleguide prettier

8
推荐指数
2
解决办法
5587
查看次数

ESLint 和 Prettier 冲突,无法为代码块禁用 Prettier

我们的项目使用 Prettier 和 ESLint。通常它们一起工作得很好,但我们遇到了一个问题,即两者发生冲突。我不知道为什么,我不知道如何修复它,而且我无法禁用更漂亮的线路,因为我收到错误。

我们设置的相关部分

// .prettierrc
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "semi": true,
  "singleQuote": true,
  "trailingComma": "es5",
  "arrowParens": "always"

// eslintrc.js
  extends: ['airbnb', 'eslint-config-prettier', 'prettier/react'],
  plugins: [
    'eslint-plugin-prettier',
    'redux-saga',
    'react',
    'react-hooks',
    'jsx-a11y',
  ],
  rules: {
    'prettier/prettier': ['error'],
    indent: [
      2,
      2,
      {
        SwitchCase: 1,
      },
    ],
    'max-len': 0,
Run Code Online (Sandbox Code Playgroud)

这是代码,添加了注释以指示问题:

    const options =
      children === undefined
        ? items.map((item) => (
          // Prettier complains about the next four lines
          <option key={uuidv1()} value={item}>
            {item}
          </option>
        ))
        : children;
Run Code Online (Sandbox Code Playgroud)

Prettier 想要这些线条另外两个空间。

错误截图

ESLint …

javascript eslint prettier

6
推荐指数
1
解决办法
6340
查看次数