# 常見問題 * [為什么運行 `npm run dev` 之后我的 electron 應用程序是空白的？](#why-is-my-electron-app-blank-after-running-npm-run-dev) * [為什么我的 electron 程序顯示了文件瀏覽器？](#why-does-my-electron-app-show-a-file-explorer) * [為什么沒有 `vue-devtools` 或 `devtron`？](#why-is-vue-devtoolsdevtron-missing) * [在哪里放置我的靜態資源？](#where-do-i-put-static-assets) * [為什么 `npm run lint` 會出現錯誤？](#why-did-npm-run-lint-end-with-an-error) * [為什么我無法在網頁瀏覽器中加載應用程序？](#why-cant-i-load-my-app-in-a-web-browser) * [如何導入 `jquery`？](#how-do-import-jquery) * [如何調試 `main` 進程？](#how-can-i-debug-the-main-process) --- ## 為什么運行 `npm run dev` 之后我的 electron 程序是空白的？ #### 簡要 請確認你沒有設置可能篡改 `webpack-dev-server` 的個人 **代理**。 ## 為什么我的 electron 程序顯示了文件瀏覽器？ #### 簡要 你的 `src/renderer` 包含錯誤。請檢查 控制臺 (console)，修復錯誤，然后用 `CommandOrControl+R` 刷新 electron。 ##### 詳述 如果你的 `src/renderer` 中出現錯誤，則會在首次運行時與 ESLint 產生沖突。接著，一個無效的 webpack 的 `renderer.js` 會被生成出來，它會打斷 `HtmlWebpackPlugin` 創建 `index.html`。由于 `webpack-dev-server` 沒有 `index.html` 可以提供服務，所以服務器失敗，程序返回到文件瀏覽器。 ## 為什么沒有 `vue-devtools` 或 `devtron`？ 如果缺少 `vue-devtools` 或 `devtron`，請確保首次啟動時，關閉并重新打開開發者工具面板。另外，請檢查你的終端，檢查是否在安裝過程中有任何可能的錯誤消息。 ## 在哪里放置我的靜態資源？ [**靜態資源的使用**](using-static-assets.md) ## 為什么 `npm run lint` 會出現錯誤？ eslint 的默認屬性是將控制臺的錯誤打印出來，如果發現腳本以非零值退出結束時 \(它會產生 npm 錯誤\)。這是正常的行為。 ## 為什么我無法在網頁瀏覽器中加載應用程序？ [\#195](https://github.com/SimulatedGREG/electron-vue/issues/195) ## 如何導入 `jquery`？ 如果你想使用 `bootstrap`，我將不得不在此打住你。在同一環境中使用 `vue` 和 `jquery` 并不是一個好的做法，這導致兩個框架的相互沖突。我強烈建議使用一個 `bootstrap` 的替代方法，并使用 `vue` 提供的 JavaScript 的功能。一些建議包括使用 [`bootstrap-vue`](https://github.com/bootstrap-vue/bootstrap-vue) 和 [`vue-strap`](https://github.com/yuche/vue-strap)。若有任何原因使你必須使用 `jquery`，記得從 `webpack` 的文檔里尋求有關 `ProvidePlugin` 的指導，或者參見 [\#192](https://github.com/SimulatedGREG/electron-vue/issues/192)。 ## 如何調試 `main` 進程？ 當使用 `electron@^1.7.2` 時，你可以打開 Goog??le Chrome，然后轉到 `chrome://inspect`，在應用程序以開發模式運行時，彈出遠程的 electron 進程。 [Electron 文檔]（https://github.com/electron/electron/blob/master/docs/tutorial/debugging-main-process.md）