运行 wallhaven-electron 项目显示的是空白界面,浏览器端显示Uncaught TypeError: window.require is not a function

浏览器端显示的完整错误

Uncaught TypeError: window.require is not a function
    at eval (nav-stuats.vue?bc49:10)
    at Module../node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./layout/src/views/components/nav-stuats.vue?vue&type=script&lang=js& (index.js:1872)
    at __webpack_require__ (index.js:849)
    at fn (index.js:151)
    at eval (nav-stuats.vue?e202:1)
    at Module../layout/src/views/components/nav-stuats.vue?vue&type=script&lang=js& (index.js:1464)
    at __webpack_require__ (index.js:849)
    at fn (index.js:151)
    at eval (nav-stuats.vue?4669:1)
    at Module../layout/src/views/components/nav-stuats.vue (index.js:1452)

1 项目地址

一款壁纸客户端 。 基于 Electron-vue 构建 。
https://gitee.com/ml13/wallhaven-electron

在这里插入图片描述

2 错误原因和方法

之前只运行过纯 electron 的项目,没有想到electron- vue可能要运行两个命令才可以运行项目

是运行方式不对导致的错误。要开启两个cmd。

下面我在 VSCode 开启两个终端运行项目。

一个运行npm run dev:web

出现下面信息说明这个命令运行成功。注意不能关了终端

输入图片说明

接下来在另一个终端运行 npm run dev:exe

输入图片说明

等个2,3秒就可以出来界面了
输入图片说明

Logo

前往低代码交流专区

更多推荐