https://blog.verdant.ee/tags/electron/ Recent content in Electron on 映屿 Hugo zh-cn i@glowisle.me (五葉地錦) i@glowisle.me (五葉地錦) Sat, 31 May 2025 09:07:36 +0800 https://blog.verdant.ee/posts/electron-commonjs-require%E8%B8%A9%E5%9D%91/ Sat, 31 May 2025 09:07:36 +0800i@glowisle.me (五葉地錦) https://blog.verdant.ee/posts/electron-commonjs-require%E8%B8%A9%E5%9D%91/ <p>最近在开发一个Electron项目，在导入类的时候有以下报错:</p> <div class="highlight"><pre tabindex="0" style="color:#d6cbb4;background-color:#252b2e;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-gdscript3" data-lang="gdscript3"><span style="display:flex;"><span>node:internal<span style="color:#7a8478">/</span>modules<span style="color:#7a8478">/</span>cjs<span style="color:#7a8478">/</span>loader:<span style="color:#d699b6">1411</span> Uncaught Error: Cannot find module <span style="color:#b2c98f">&#39;./File&#39;</span> </span></span><span style="display:flex;"><span>Require stack: </span></span><span style="display:flex;"><span><span style="color:#7a8478">-</span> E:\Develop\markdown<span style="color:#7a8478">-</span>editor\src\html\index<span style="color:#7a8478">.</span>html </span></span><span style="display:flex;"><span> at Module<span style="color:#7a8478">.</span>_resolveFilename (node:internal<span style="color:#7a8478">/</span>modules<span style="color:#7a8478">/</span>cjs<span style="color:#7a8478">/</span>loader:<span style="color:#d699b6">1408</span>:<span style="color:#d699b6">15</span>) </span></span><span style="display:flex;"><span> at a<span style="color:#7a8478">.</span>_resolveFilename (node:electron<span style="color:#7a8478">/</span>js2c<span style="color:#7a8478">/</span>renderer_init:<span style="color:#d699b6">2</span>:<span style="color:#d699b6">2643</span>) </span></span><span style="display:flex;"><span> at defaultResolveImpl (node:internal<span style="color:#7a8478">/</span>modules<span style="color:#7a8478">/</span>cjs<span style="color:#7a8478">/</span>loader:<span style="color:#d699b6">1064</span>:<span style="color:#d699b6">19</span>) </span></span><span style="display:flex;"><span> at resolveForCJSWithHooks (node:internal<span style="color:#7a8478">/</span>modules<span style="color:#7a8478">/</span>cjs<span style="color:#7a8478">/</span>loader:<span style="color:#d699b6">1069</span>:<span style="color:#d699b6">22</span>) </span></span><span style="display:flex;"><span> at Module<span style="color:#7a8478">.</span>_load (node:internal<span style="color:#7a8478">/</span>modules<span style="color:#7a8478">/</span>cjs<span style="color:#7a8478">/</span>loader:<span style="color:#d699b6">1218</span>:<span style="color:#d699b6">37</span>) </span></span><span style="display:flex;"><span> at c<span style="color:#7a8478">.</span>_load (node:electron<span style="color:#7a8478">/</span>js2c<span style="color:#7a8478">/</span>node_init:<span style="color:#d699b6">2</span>:<span style="color:#d699b6">17950</span>) </span></span><span style="display:flex;"><span> at s<span style="color:#7a8478">.</span>_load (node:electron<span style="color:#7a8478">/</span>js2c<span style="color:#7a8478">/</span>renderer_init:<span style="color:#d699b6">2</span>:<span style="color:#d699b6">31718</span>) </span></span><span style="display:flex;"><span> at TracingChannel<span style="color:#7a8478">.</span>traceSync (node:diagnostics_channel:<span style="color:#d699b6">322</span>:<span style="color:#d699b6">14</span>) </span></span><span style="display:flex;"><span> at wrapModuleLoad (node:internal<span style="color:#7a8478">/</span>modules<span style="color:#7a8478">/</span>cjs<span style="color:#7a8478">/</span>loader:<span style="color:#d699b6">242</span>:<span style="color:#d699b6">24</span>) </span></span><span style="display:flex;"><span> at Module<span style="color:#7a8478">.</span>require (node:internal<span style="color:#7a8478">/</span>modules<span style="color:#7a8478">/</span>cjs<span style="color:#7a8478">/</span>loader:<span style="color:#d699b6">1494</span>:<span style="color:#d699b6">12</span>) </span></span></code></pre></div><p>提示找不到模块。</p> <p>Electron中，使用require语句导入，都是默认从项目跟目录开始查找，所以要拼接完整路径。使用绝对路径也是不行的，在IDE里可以跳转，但是一运行就是找不到模块 <code>const File = require(&quot;src/js/File&quot;)</code></p> <div class="highlight"><pre tabindex="0" style="color:#d6cbb4;background-color:#252b2e;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-gdscript3" data-lang="gdscript3"><span style="display:flex;"><span>Uncaught Error: Cannot find module <span style="color:#b2c98f">&#39;src/js/File&#39;</span> </span></span><span style="display:flex;"><span>Require stack: </span></span><span style="display:flex;"><span><span style="color:#7a8478">-</span> E:\Develop\markdown<span style="color:#7a8478">-</span>editor\src\html\index<span style="color:#7a8478">.</span>html </span></span><span style="display:flex;"><span> at Module<span style="color:#7a8478">.</span>_resolveFilename (node:internal<span style="color:#7a8478">/</span>modules<span style="color:#7a8478">/</span>cjs<span style="color:#7a8478">/</span>loader:<span style="color:#d699b6">1408</span>:<span style="color:#d699b6">15</span>) </span></span><span style="display:flex;"><span> at a<span style="color:#7a8478">.</span>_resolveFilename (node:electron<span style="color:#7a8478">/</span>js2c<span style="color:#7a8478">/</span>renderer_init:<span style="color:#d699b6">2</span>:<span style="color:#d699b6">2643</span>) </span></span><span style="display:flex;"><span> at defaultResolveImpl (node:internal<span style="color:#7a8478">/</span>modules<span style="color:#7a8478">/</span>cjs<span style="color:#7a8478">/</span>loader:<span style="color:#d699b6">1064</span>:<span style="color:#d699b6">19</span>) </span></span><span style="display:flex;"><span> at resolveForCJSWithHooks (node:internal<span style="color:#7a8478">/</span>modules<span style="color:#7a8478">/</span>cjs<span style="color:#7a8478">/</span>loader:<span style="color:#d699b6">1069</span>:<span style="color:#d699b6">22</span>) </span></span><span style="display:flex;"><span> at Module<span style="color:#7a8478">.</span>_load (node:internal<span style="color:#7a8478">/</span>modules<span style="color:#7a8478">/</span>cjs<span style="color:#7a8478">/</span>loader:<span style="color:#d699b6">1218</span>:<span style="color:#d699b6">37</span>) </span></span><span style="display:flex;"><span> at c<span style="color:#7a8478">.</span>_load (node:electron<span style="color:#7a8478">/</span>js2c<span style="color:#7a8478">/</span>node_init:<span style="color:#d699b6">2</span>:<span style="color:#d699b6">17950</span>) </span></span><span style="display:flex;"><span> at s<span style="color:#7a8478">.</span>_load (node:electron<span style="color:#7a8478">/</span>js2c<span style="color:#7a8478">/</span>renderer_init:<span style="color:#d699b6">2</span>:<span style="color:#d699b6">31718</span>) </span></span><span style="display:flex;"><span> at TracingChannel<span style="color:#7a8478">.</span>traceSync (node:diagnostics_channel:<span style="color:#d699b6">322</span>:<span style="color:#d699b6">14</span>) </span></span><span style="display:flex;"><span> at wrapModuleLoad (node:internal<span style="color:#7a8478">/</span>modules<span style="color:#7a8478">/</span>cjs<span style="color:#7a8478">/</span>loader:<span style="color:#d699b6">242</span>:<span style="color:#d699b6">24</span>) </span></span><span style="display:flex;"><span> at Module<span style="color:#7a8478">.</span>require (node:internal<span style="color:#7a8478">/</span>modules<span style="color:#7a8478">/</span>cjs<span style="color:#7a8478">/</span>loader:<span style="color:#d699b6">1494</span>:<span style="color:#d699b6">12</span>) </span></span></code></pre></div><h2 id="解决方法">解决方法</h2> <p>使用path.join拼接完整路径</p> <div class="highlight"><pre tabindex="0" style="color:#d6cbb4;background-color:#252b2e;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-js" data-lang="js"><span style="display:flex;"><span><span style="color:#e67e80">const</span> File <span style="color:#7a8478">=</span> require(path.join(__dirname, <span style="color:#b2c98f">&#34;../js/File.js&#34;</span>)); </span></span></code></pre></div><p>经过测试，只能用这种方法导入，太怪了</p>