找不到模块create-react-app / script / start.js

Question

我的程序结构发生了一些变化，由于其复杂性，我无法准确指出问题所在。自从我的应用程序崩溃并且不再工作以来，我尝试了不同的方法，例如删除节点模块包并重新安装它们但仍然无法工作。 无论何时我尝试运行 npm start ，我都会收到以下错误：

下面是我的项目结构

以下是我的 package.json 文件

   {
    "name": "events-react-app",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
    "autoprefixer": "7.1.6",
    "axios": "^0.17.1",
    "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.1",
    "babel-runtime": "6.26.0",
    "case-sensitive-paths-webpack-plugin": "2.1.1",
    "chalk": "1.1.3",
    "css-loader": "0.28.7",
    "dotenv": "4.0.0",
    "dotenv-expand": "4.0.1",
    "enzyme": "^3.3.0",
    "enzyme-adapter-react-16": "^1.1.1",
    "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",
   "html-webpack-plugin": "2.29.0",
    "jest": "20.0.4",
   "object-assign": "4.1.1",
   "postcss-flexbugs-fixes": "3.2.0",
   "postcss-loader": "2.0.8",
   "promise": "8.0.1",
   "raf": "3.4.0",
   "react": "^16.2.0",
   "react-dev-utils": "^5.0.0",
   "react-dom": "^16.2.0",
"react-redux": "^5.0.6",
"react-router": "^4.2.0",
"react-router-dom": "^4.2.2",
"react-test-renderer": "^16.2.0",
"redux": "^3.7.2",
"redux-thunk": "^2.2.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.9.4",
"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",
  "mjs",
  "js",
  "json",
  "web.jsx",
  "jsx",
  "node"
]
  },
   "babel": {
"presets": [
  "react-app"
]
},
  "eslintConfig": {
"extends": "react-app"
   }
}

Answer 1

react-scripts start生成错误Error: Cannot find module '../scripts/start'

我不确定在create react app期间是什么引起了问题，但是我发现最有效的方法是删除nodes_module文件夹，然后在终端运行npm install中项目目录。

参考：Npm start fails

Answer 2

更新create-react-app为我解决了这个问题。

npm install -g create-react-app@latest

还请记住，它不是不是 node start，是npm start

Answer 3

我在 WSL2 中工作时遇到同样的问题，我将 reactjs-app 复制到主目录到 WSL2。因此，要在那里工作时解决它，请删除 node_modules 并在应用目录中再次运行 npm install。

Answer 4

我想我得到了答案。脚本/文件夹被意外放在错误的目录中，它应该在我的应用程序的根文件夹中。 我将它放在根文件夹中，应用程序现在正在运行。谢谢你的领导。