找不到模块 jest-sequencer-@jest/test-sequencer

Question

我正在尝试在 VSCode 中调试 Jest 测试，但它无法解析某些模块。我设置了一个断点，jest.run下面称为argv

\n

"--runInBand"\n"--no-cache"\n"--watchAll=false"\n"--config"\n"{\\"roots\\":[\\"<rootDir>/src\\"],\\"collectCoverageFrom\\":[\\"src/**/*.{js,jsx,ts,tsx}\\",\\"!src/**/*.d.ts\\"],\\"setupFiles\\":[\\"/Users/username/projects/project-name/CSharpProjectName/src/ClientApp/node_modules/react-app-polyfill/jsdom.js\\"],\\"setupFilesAfterEnv\\":[],\\"testMatch\\":[\\"<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}\\",\\"<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}\\"],\\"testEnvironment\\":\\"jsdom\\",\\"testRunner\\":\\"/Users/username/projects/project-name/CSharpProjectName/src/ClientApp/node_modules/jest-circus/runner.js\\",\\"transform\\":{\\"^.+\\\\\\\\.(js|jsx|mjs|cjs|ts|tsx)$\\":\\"/Users/username/projects/project-name/CSharpProjectName/src/ClientApp/node_modules/react-scripts/config/jest/babelTransform.js\\",\\"^.+\\\\\\\\.css$\\":\\"/Users/username/projects/project-name/CSharpProjectName/src/ClientApp/node_modules/react-scripts/config/jest/cssTransform.js\\",\\"^(?!.*\\\\\\\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)\\":\\"/Users/username/projects/project-name/CSharpProjectName/src/ClientApp/node_modules/react-scripts/config/jest/fileTransform.js\\"},\\"transformIgnorePatterns\\":[\\"[/\\\\\\\\\\\\\\\\]node_modules[/\\\\\\\\\\\\\\\\].+\\\\\\\\.(js|jsx|mjs|cjs|ts|tsx)$\\",\\"^.+\\\\\\\\.module\\\\\\\\.(css|sass|scss)$\\"],\\"modulePaths\\":[],\\"moduleNameMapper\\":{\\"^react-native$\\":\\"react-native-web\\",\\"^.+\\\\\\\\.module\\\\\\\\.(css|sass|scss)$\\":\\"identity-obj-proxy\\"},\\"moduleFileExtensions\\":[\\"web.js\\",\\"js\\",\\"web.ts\\",\\"ts\\",\\"web.tsx\\",\\"tsx\\",\\"json\\",\\"web.jsx\\",\\"jsx\\",\\"node\\"],\\"watchPlugins\\":[\\"jest-watch-typeahead/filename\\",\\"jest-watch-typeahead/testname\\"],\\"resetMocks\\":true,\\"rootDir\\":\\"/Users/username/projects/project-name/CSharpProjectName/src/ClientApp\\"}"\n"--env"\n"/Users/username/projects/project-name/CSharpProjectName/src/ClientApp/node_modules/jest-environment-jsdom/build/index.js"\n

\n

我怀疑 的 值--env是导致问题的原因。

\n

作为参考，我的配置文件：

\n

笑话配置.js

\n

module.exports = {\n  transform: {\n    "^.+\\\\.tsx?$": "ts-jest",\n  },\n  testRegex: "(.*)\\\\.(test|spec)\\\\.(jsx?|tsx?)$",\n  rootDir: "/Users/username/projects/project-name/CSharpProjectName/src/ClientApp",\n  modulePaths: [\n    "<rootDir>"\n  ],\n  moduleDirectories: ["node_modules", "src"],\n  moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],\n  testEnvironment: "jsdom"\n};\n

\n

启动.json

\n

{\n    "version": "0.2.0",\n    "configurations": [\n        {\n            "name": "Debug CRA Tests",\n            "type": "node",\n            "request": "launch",\n            "runtimeExecutable": "${workspaceRoot}/src/ClientApp/node_modules/.bin/react-scripts",\n            "args": ["test", "--runInBand", "--no-cache", "--watchAll=false", "--env=jsdom"],\n            "cwd": "${workspaceRoot}/src/ClientApp",\n            "protocol": "inspector",\n            "console": "integratedTerminal",\n            "internalConsoleOptions": "neverOpen",\n            "env": { "CI": "true" },\n            "disableOptimisticBPs": true\n        }\n    ]\n}\n

\n

目录结构：

\n

project-name   \n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 CSharpProjectName\n    \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 .vscode\n    \xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 tasks.json\n    \xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 launch.json    \n    \xe2\x94\x82   \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 settings.json \n    \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 Dockerfile\n    \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 src\n        \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 ClientApp\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 jest.config.js\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 package-lock.json\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 package.json\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 public\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 favicon.ico\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 index.html\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 manifest.json\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 src\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 App.test.tsx\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 App.tsx\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 components\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 Home.tsx\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 Layout.tsx\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 NavMenu.tsx\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 index.tsx\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 react-app-env.d.ts\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 registerServiceWorker.ts\n        \xe2\x94\x82\xc2\xa0\xc2\xa0 \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 tsconfig.json\n        \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 Program.cs\n        \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 Startup.cs\n        \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 CSharpProjectName.csproj\n        \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 appsettings.json\n

\n

我从CSharpProjectName目录中打开 VS Code。

\n

编辑：

\n

尝试用作cross-envlaunch.json 中的可执行文件。也没有工作：

\n

{\n    "version": "0.2.0",\n    "configurations": [\n        {\n            "name": "Cross Env Debug CRA Tests",\n            "type": "node",\n            "request": "launch",\n            "runtimeExecutable": "${workspaceRoot}/src/ClientApp/node_modules/.bin/cross-env",\n            "args": ["CI=true", "${workspaceRoot}/src/ClientApp/node_modules/.bin/react-scripts", "test", "--env=jsdom"],\n            "cwd": "${workspaceRoot}/src/ClientApp",\n            "protocol": "inspector",\n            "console": "integratedTerminal",\n            "internalConsoleOptions": "neverOpen",\n            "disableOptimisticBPs": true\n        }\n    ]\n}\n

\n

Answer 1

今天，类似的事情开始发生在我身上。

我终于发现，在 VS Code 中，我在某个时候不小心勾选了“运行和调试”视图中的“断点-->捕获异常”。这导致了此错误的出现，但可以通过继续运行（或通过取消选中“捕获异常”选项）来忽略该错误。