Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Cannot find module create-react-app/script/start.js

Tags:

reactjs

something has changed in my program structure and due to its complexity i cannot exactly point where the problem. Ever since my application crushed and no longer working i have tried different approaches like deleting the node module packages and reinstalling them but still wont work. whenever i try to run npm start i get the following errors:

enter image description here

below is my project structure enter image description here

And below is my package.json file

   {
    "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"
   }
}
like image 872
Seyyid Said Avatar asked Apr 08 '18 07:04

Seyyid Said


2 Answers

react-scripts start generates error Error: Cannot find module '../scripts/start'

I'm not sure what is causing the problem during the create react app, but the thing I found that works best is simply delete the nodes_module folder then in Terminal run npm install in the project directory.

Reference: Npm start fails

like image 178
SammyRNYCreal Avatar answered Oct 02 '22 09:10

SammyRNYCreal


Remove node module folder rm -rf node_modules

Install node modules npm install

Run the project npm start

like image 21
Navneet Dwivedi Avatar answered Oct 02 '22 07:10

Navneet Dwivedi