錯誤：找不到模塊“react-dom/test-utils”

Question

任何人都知道為什么在我的測試幫助文件中導入這個庫，如下所示：

import jsdom from "jsdom";
import jquery from "jquery";
import ReactTestUtils from "react-dom/test-utils";

我立即得到錯誤：

錯誤：找不到模塊“react-dom/test-utils”需要堆棧：

• /Users/luiscortes/Projects/auth/client/test/test_helper.js
• /Users/luiscortes/Projects/auth/client/test/components/app_test.js
• /Users/luiscortes/Projects/auth/client/node_modules/mocha/lib/mocha.js
• /Users/luiscortes/Projects/auth/client/node_modules/mocha/index.js
• /Users/luiscortes/Projects/auth/client/node_modules/mocha/bin/_mocha 在 Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15) 在 Function. modules/cjs/loader:778:27) 在 Module.require (node:internal/modules/cjs/loader:1005:19) 在 require (node:internal/modules/cjs/helpers:102:18) 在 Object。 (/Users/luiscortes/Projects/auth/client/test/test_helper.js:3:1) 在 Module._compile (node:internal/modules/cjs/loader:1101:14) 在加載程序 (/Users/luiscortes/Projects /auth/client/node_modules/babel-register/lib/node.js:144:5) 在 Object.require.extensions。 [as.js] (/Users/luiscortes/Projects/auth/client/node_modules/babel-register/lib/node.js:154:7) 在 Module.load (node:internal/modules/cjs/loader:981: 32) 在 Function.Module._load (node:internal/modules/cjs/loader:822:12) 在 Module.require (node:internal/modules/cjs/loader:1005:19) 在 require (node:internal/modules /cjs/helpers:102:18) 在 Object。 (/Users/luiscortes/Projects/auth/client/test/components/app_test.js:1:1)

我正在導入，正如它在： https://reactjs.org/docs/test-utils.html#renderintodocument

這是一個遺留的 React 應用程序。 這可能是我的摩卡版本的問題嗎？

這是我的package.json文件：

        "devDependencies": {
    "babel-core": "^6.2.1",
    "babel-loader": "^6.2.0",
    "babel-preset-es2015": "^6.1.18",
    "babel-preset-react": "^6.1.18",
    "webpack": "^1.12.9",
    "webpack-dev-server": "^1.14.0"
  },
  "dependencies": {
    "axios": "^0.20.0-0",
    "babel-preset-stage-1": "^6.1.18",
    "chai": "^3.5.0",
    "jquery": "^2.2.4",
    "jsdom": "^8.5.0",
    "lodash": "^3.10.1",
    "mocha": "^2.3.4",
    "react": "^0.14.3",
    "react-dom": "^0.14.3",
    "react-redux": "^4.0.0",
    "react-router": "^2.0.1",
    "redux": "^3.0.4",
    "redux-form": "^4.2.2",
    "redux-thunk": "^1.0.0"
  }
}

我已經嘗試了rm -rf node_modules && rm package-lock.json十幾次，錯誤不會 go 消失。

Answer 1

對於任何使用 React 0.14.3 legacy 並且您遇到此問題的人，似乎沒有辦法解決它，您需要升級到至少 react 15.0.1