在开发中运行后，电子不会启动应用程序

Question

我知道有很多关于这个的话题，但由于它们都不起作用，我必须做一个新的，我很困惑为什么我的电子应用程序不启动当我使用yarn dev的项目，但当我的朋友尝试，在他的笔记本电脑，他可以正常运行和应用程序正常启动没有任何问题，所以这里有没有人面临同样的问题。如果有人，你怎么能解决这个问题？

我的终端就是这样的：

​

​

关于我使用的信息：

node version : 14.16.1
yarn version : 1.22.0
npm version  : 6.14.12
OS           : Windows 10 64 bit 

这是我的package.json depedencies看起来：

"devDependencies": {
  "@babel/core": "^7.8.6",
  "@babel/plugin-proposal-class-properties": "^7.8.3",
  "@babel/plugin-proposal-decorators": "^7.8.3",
  "@babel/plugin-proposal-do-expressions": "^7.8.3",
  "@babel/plugin-proposal-export-default-from": "^7.8.3",
  "@babel/plugin-proposal-export-namespace-from": "^7.8.3",
  "@babel/plugin-proposal-function-bind": "^7.8.3",
  "@babel/plugin-proposal-function-sent": "^7.8.3",
  "@babel/plugin-proposal-json-strings": "^7.8.3",
  "@babel/plugin-proposal-logical-assignment-operators": "^7.8.3",
  "@babel/plugin-proposal-nullish-coalescing-operator": "^7.8.3",
  "@babel/plugin-proposal-numeric-separator": "^7.8.3",
  "@babel/plugin-proposal-optional-chaining": "^7.8.3",
  "@babel/plugin-proposal-pipeline-operator": "^7.8.3",
  "@babel/plugin-proposal-throw-expressions": "^7.8.3",
  "@babel/plugin-syntax-dynamic-import": "^7.8.3",
  "@babel/plugin-syntax-import-meta": "^7.8.3",
  "@babel/plugin-transform-react-constant-elements": "^7.8.3",
  "@babel/plugin-transform-react-inline-elements": "^7.8.3",
  "@babel/preset-env": "^7.8.6",
  "@babel/preset-react": "^7.8.3",
  "@babel/preset-typescript": "^7.8.3",
  "@babel/register": "^7.8.6",
  "@types/enzyme": "^3.10.5",
  "@types/enzyme-adapter-react-16": "^1.0.6",
  "@types/history": "^4.7.5",
  "@types/jest": "^24.9.1",
  "@types/node": "^12",
  "@types/react": "^16.9.17",
  "@types/react-dom": "^16.9.5",
  "@types/react-redux": "^7.1.6",
  "@types/react-router": "^5.1.4",
  "@types/react-router-dom": "^5.1.3",
  "@types/react-test-renderer": "^16.9.2",
  "@types/redux-logger": "^3.0.7",
  "@types/sinon": "^7.5.1",
  "@types/tapable": "^1.0.5",
  "@types/vfile-message": "^2.0.0",
  "@types/webpack": "^4.41.3",
  "@typescript-eslint/eslint-plugin": "^2.17.0",
  "@typescript-eslint/parser": "^2.17.0",
  "babel-core": "7.0.0-bridge.0",
  "babel-eslint": "^10.1.0",
  "babel-jest": "^25.1.0",
  "babel-loader": "^8.0.6",
  "babel-plugin-dev-expression": "^0.2.2",
  "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
  "browserslist-config-erb": "^0.0.1",
  "chalk": "^3.0.0",
  "concurrently": "^5.0.2",
  "cross-env": "^7.0.0",
  "cross-spawn": "^7.0.1",
  "css-loader": "^3.4.2",
  "detect-port": "^1.3.0",
  "electron": "7.1.13",
  "electron-builder": "^22.7.0",
  "electron-devtools-installer": "^2.2.4",
  "electron-rebuild": "^1.10.0",
  "enzyme": "^3.11.0",
  "enzyme-adapter-react-16": "^1.15.2",
  "enzyme-to-json": "^3.4.4",
  "eslint": "^6.8.0",
  "eslint-config-airbnb-typescript": "^6.3.1",
  "eslint-config-erb": "^0.3.0",
  "eslint-config-prettier": "^6.9.0",
  "eslint-import-resolver-webpack": "^0.12.1",
  "eslint-plugin-compat": "^3.5.1",
  "eslint-plugin-import": "^2.20.0",
  "eslint-plugin-jest": "^23.6.0",
  "eslint-plugin-jsx-a11y": "6.2.3",
  "eslint-plugin-prettier": "^3.1.2",
  "eslint-plugin-promise": "^4.2.1",
  "eslint-plugin-react": "^7.18.0",
  "eslint-plugin-react-hooks": "^2.3.0",
  "eslint-plugin-testcafe": "^0.2.1",
  "fbjs-scripts": "^1.2.0",
  "file-loader": "^6.1.0",
  "husky": "^4.2.0",
  "identity-obj-proxy": "^3.0.0",
  "jest": "^25.1.0",
  "lint-staged": "^10.0.2",
  "mini-css-extract-plugin": "^0.9.0",
  "node-sass": "^4.13.1",
  "opencollective-postinstall": "^2.0.2",
  "optimize-css-assets-webpack-plugin": "^5.0.3",
  "prettier": "^1.19.1",
  "react-test-renderer": "^16.12.0",
  "redux-logger": "^3.0.6",
  "rimraf": "^3.0.0",
  "sass-loader": "^8.0.2",
  "sinon": "^8.1.1",
  "spectron": "^10.0.0",
  "style-loader": "^1.1.3",
  "stylelint": "^13.0.0",
  "stylelint-config-prettier": "^8.0.1",
  "stylelint-config-standard": "^19.0.0",
  "terser-webpack-plugin": "^2.3.2",
  "testcafe": "^1.8.0",
  "testcafe-browser-provider-electron": "^0.0.14",
  "testcafe-react-selectors": "^4.0.0",
  "typed-css-modules-webpack-plugin": "^0.1.2",
  "typescript": "^3.7.5",
  "url-loader": "^3.0.0",
  "webpack": "^4.41.5",
  "webpack-bundle-analyzer": "^3.6.0",
  "webpack-cli": "^3.3.10",
  "webpack-dev-server": "^3.10.1",
  "webpack-merge": "^4.2.2",
  "yarn": "^1.21.1"
},
"dependencies": {
  "@fortawesome/fontawesome-free": "^5.12.1",
  "@hot-loader/react-dom": "^16.12.0",
  "apollo-cache-inmemory": "1.6.6",
  "apollo-client": "2.6.10",
  "apollo-link-ws": "1.0.20",
  "autosize": "^4.0.2",
  "axios": "^0.19.2",
  "browser-image-compression": "^1.0.14",
  "check-disk-space": "^2.1.0",
  "connected-react-router": "^6.6.1",
  "core-js": "^3.6.4",
  "cross-fetch": "^3.0.4",
  "crypto-js": "^4.0.0",
  "devtron": "^1.4.0",
  "electron-debug": "^3.0.1",
  "electron-dl": "^3.0.0",
  "electron-log": "^4.0.6",
  "electron-store": "^5.1.1",
  "electron-updater": "^4.2.0",
  "graphql": "15.4.0",
  "graphql-tag": "2.11.0",
  "history": "^4.10.1",
  "katex": "^0.11.1",
  "moment": "^2.27.0",
  "moment-timezone": "^0.5.31",
  "patch-package": "^6.2.2",
  "radium": "^0.26.0",
  "rc-slider": "^9.2.3",
  "react": "^16.12.0",
  "react-animations": "^1.0.0",
  "react-card-flip": "^1.0.10",
  "react-circular-progressbar": "^2.0.3",
  "react-datepicker": "^3.0.0",
  "react-dom": "^16.12.0",
  "react-hot-loader": "^4.12.19",
  "react-loader-spinner": "^3.1.14",
  "react-loading-skeleton": "^2.0.1",
  "react-player-pfy": "^1.16.0",
  "react-redux": "^7.1.3",
  "react-router": "^5.1.2",
  "react-router-dom": "^5.1.2",
  "react-sound": "^1.2.0",
  "react-spinners": "^0.8.1",
  "react-transition-group": "^4.4.1",
  "recharts": "^1.8.5",
  "redux": "^4.0.5",
  "redux-thunk": "^2.3.0",
  "source-map-support": "^0.5.16",
  "subscriptions-transport-ws": "0.9.18",
  "uuid": "^8.2.0"
},

我很困惑为什么它不会出现在我的例子中，一开始可能是因为浏览更新，但是当我的朋友尝试它的时候，它仍然有效，所以这种可能性已经消失了。

我试图删除node modules, yarn-lock, and package-lock.json，但仍然没有解决这个问题。

有人能帮我解决这个问题吗？或者把它指向错误的地方？谢谢你

编辑1:

当我试图运行electron index.html时，铬最终出现了，但它本身并没有启动。

例如，如下所示：

​

​

我猜想这是因为这个项目还没有开始(在服务中)，当我尝试同时服务它和使用electron index.html时，它仍然不能工作，所以下面的问题是，有什么方法可以使用electron来服务它吗？因为我尝试了electron project-name，而它却给出了这个错误：

​

​

Answer 1

最后，3天后，我找到了这个问题的答案，事实上，我只是在github的一些帖子中读到了某人的评论(对不起，我忘了链接)。所以问题是，您通常可以在windows 10中启动您的电子应用程序，而不会像我在问题中所述的那样出现任何问题。

您的Windows个性化设置为轻量级主题颜色

但是在我的例子中，我将它设置为黑暗主题窗口本身运行，除了，

应用程序不会因为它而启动.

如果将这一行app.removeAllListeners('ready');置于app.on('ready', createWindow);之上，则可以修复它或在黑暗模式下运行电子应用程序。

例如：

// Use app.removeAllListeners('ready'); if you set your windows personalize in Dark Theme
app.removeAllListeners('ready');

app.on('ready', createWindow);

这是为了更好地理解的图像：

​

​

从现在开始，我的理论是，也许有一个监听器在后台运行，同时我们将我们的个性化主题设置为Dark Mode，并且使用这个app.removeAllListeners('ready');，我们删除了由于黑暗模式设置而影响铬的所有侦听器。

所以是的，最快的解决方案也许你可以尝试改变你的主题个性化为轻量级模式，如果这解决了你的问题，那就意味着我们已经绊倒了同样的问题。如果你仍然困惑于你在哪里找到它，这是支持你的形象：

​

​

Answer 2

这可能是个愚蠢的回答。试着检查任务是否正在运行或任何其他程序干扰应用程序，如防病毒。