混合编译后从模块导入时出现问题答案

【问题标题】：Trouble importing from module after mix a compile混合编译后从模块导入时出现问题
【发布时间】：2017-10-01 18:56:52
【问题描述】：

我正在用 ES6 重写我的电子应用程序，使用 Laravel Mix 编译应用程序 JS 和 SASS。现在主进程很好地加载了渲染进程。一旦发生这种情况，我的 app.js 就会加载，这就是我遇到问题的地方。所以我这样做：

import { remote } from 'electron';

导致控制台出现此错误的原因：

Uncaught Error: Electron failed to install correctly, please delete node_modules/electron and try installing again

现在我尝试重新安装电子，即使电子在主进程启动时工作。该行在编译的js中引用了这个：

/* WEBPACK VAR INJECTION */(function(__dirname) {var fs = __webpack_require__(8)
var path = __webpack_require__(9)

var pathFile = path.join(__dirname, 'path.txt')

if (fs.existsSync(pathFile)) {
  module.exports = path.join(__dirname, fs.readFileSync(pathFile, 'utf-8'))
} else {
  throw new Error('Electron failed to install correctly, please delete node_modules/electron and try installing again')
}

我不确定发生了什么，任何建议或信息都会有很大帮助！

谢谢

编辑：我试过用--verbose运行它：

/Library/Caches/com.apple.xbs/Sources/AppleGVA/AppleGVA-10.1.16/Sources/Slices/Driver/AVD_loader.cpp: failed to get a service for display 3

2017-06-13 16:10:42.383 Electron Helper[47106:766924] Couldn't set selectedTextBackgroundColor from default ()

【问题讨论】：

作为渲染过程的一部分，您在 chrome devtools 窗口中遇到了这个未捕获的错误？您使用的是两个 package.json 文件还是一个？
你使用的是什么版本的 webpack？您是否使用带有 -g 和不带 -g 属性的“npm uninstall --save-dev（或--save）”进行清理以确保。然后运行 npm cache clean。那时一切都应该是干净的。首先再次运行构建以确保它因为根本没有安装而中断。然后安装回去。只是为了真正确定这不是故障。
尝试安装带有--verbose标志的electron，以提供更多调试信息。
首先，很抱歉回复晚了，我正在搬家，这需要相当多的工作。现在我为 npm 完成了全新安装，并且我使用了 --verbose，但仍然没有运气。我已更新我的帖子以包含 --verbose flag 的内容
调试信息是红鲱鱼：bugs.chromium.org/p/chromium/issues/detail?id=641509 github.com/electron/electron/issues/4420假设 path.txt 存在于你的 node_modules 目录中？

标签： javascript ecmascript-6 electron laravel-mix

【解决方案1】：

问题的根源很可能是path.txt 不存在。

path.txt 在从npm 安装electron 时生成。如果您在安装 electron 时没有看到任何错误，这意味着错误正在被抑制。

疑难解答：检查node_modules/electron/path.txt 是否存在。如果没有，那你就有问题了。

解决方案：

注意：如果在 Windows 上，请使用本机 CMD 而不是 Git Bash

尝试在npm install之后通过执行以下脚本手动安装电子

cd node_modules/electron && node install.js

这可能需要一段时间，因为它会下载电子的完整包。

【讨论】：