Question

我已经从git存储库中克隆了我的react项目，并在运行npm install以安装我的依赖项（然后安装其他缺少的全局依赖项）之后，尝试使用npm run start运行该项目只是为了获得以下信息错误：Module build failed: Error: Cannot find module './lib/api/node.js'，我无法理解它的问题。有人可以帮我吗？我不得不提到，我在此项目中使用了npm eject 预先感谢！

这是我的package.json：

    {
  "name": "asezarile-rupestre",
  "version": "0.3.3-pre",
 "private": false,
 "dependencies": {
"autoprefixer": "7.1.6",
"babel-core": "6.26.0",
"babel-eslint": "7.2.3",
"babel-jest": "20.0.3",
"babel-loader": "7.1.2",
"babel-preset-react-app": "^3.1.2",
"babel-runtime": "6.26.0",
"bootstrap": "^4.1.3",
"case-sensitive-paths-webpack-plugin": "2.1.1",
"chalk": "1.1.3",
"classnames": "^2.2.6",
"create-react-app": "^1.5.2",
"css-loader": "0.28.7",
"dotenv": "4.0.0",
"dotenv-expand": "4.2.0",
"eslint": "4.10.0",
"eslint-config-react-app": "^2.1.0",
"eslint-loader": "1.9.0",
"eslint-plugin-flowtype": "2.39.1",
"eslint-plugin-import": "2.8.0",
"eslint-plugin-jsx-a11y": "5.1.1",
"eslint-plugin-react": "7.4.0",
"extract-text-webpack-plugin": "3.0.2",
"file-loader": "1.1.5",
"fs-extra": "3.0.1",
"glyphicons": "^0.2.0",
"google-maps-react": "^2.0.2",
"history": "^4.7.2",
"html-webpack-plugin": "2.29.0",
"jest": "20.0.4",
"jquery": "^3.3.1",
"object-assign": "4.1.1",
"popper.js": "^1.14.4",
"postcss-flexbugs-fixes": "3.2.0",
"postcss-loader": "^2.0.8",
"promise": "8.0.1",
"raf": "3.4.0",
"react": "^16.4.2",
"react-async-script-loader": "^0.3.0",
"react-bootstrap": "^0.32.3",
"react-dev-utils": "^5.0.2",
"react-dom": "^16.4.2",
"react-iframe": "^1.2.0",
"react-load-script": "0.0.6",
"react-router": "^4.3.1",
"react-router-dom": "^4.3.1",
"react-transition-group": "^1.2.1",
"react-unity-webgl": "^7.0.6",
"resolve": "1.6.0",
"style-loader": "0.19.0",
"sw-precache-webpack-plugin": "0.11.4",
"url-loader": "0.6.2",
"webpack": "3.8.1",
"webpack-dev-server": "^2.11.3",
"webpack-manifest-plugin": "1.3.2",
"whatwg-fetch": "2.0.3"
   },
   "scripts": {
    "start": "node scripts/start.js",
    "build": "node scripts/build.js",
    "test": "node scripts/test.js --env=jsdom"
   },
  "jest": {
   "collectCoverageFrom": [
     "src/**/*.{js,jsx,mjs}"
    ],
    "setupFiles": [
      "<rootDir>/config/polyfills.js"
     ],
   "testMatch": [
      "<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}",
      "<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"
   ],
    "testEnvironment": "node",
    "testURL": "http://localhost",
    "transform": {
  "^.+\\.(js|jsx|mjs)$": "<rootDir>/node_modules/babel-jest",
  "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
  "^(?!.*\\.(js|jsx|mjs|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
},
"transformIgnorePatterns": [
  "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$"
],
"moduleNameMapper": {
  "^react-native$": "react-native-web"
},
"moduleFileExtensions": [
  "web.js",
  "js",
  "json",
  "web.jsx",
  "jsx",
  "node",
  "mjs"
]
  },
     "babel": {
   "presets": [
     "react-app"
   ]
   },
 "eslintConfig": {
   "extends": "react-app"
 }
}

Answer 1

这可能是由于使用eject而不是为Webpack设置配置引起的。如果要避免使用eject，请查看react app rewired。这将允许您使用create react app并对其进行自定义。

Answer 2

破坏npm弹出后，您会将webpack的控制权交给了您。您必须手动配置webpack。

反应错误找不到模块'./lib/api/node.js'

2 个答案: