个人中心
gpt4 book ai didi

javascript - 在 Rollup 构建的 Electron 应用程序中导入 Ramda 会导致错误

转载 作者：行者123 更新时间：2023-12-02 23:16:45 25 4
gpt4 key购买 nike

我正在尝试使用这样的堆栈创建一个简单的应用程序(带有 lib 版本的 package.json 的片段):

"electron": "^5.0.6"
"ramda": "^0.26.1"
"rollup": "^1.17.0",
"rollup-plugin-babel": "^4.3.3",
"rollup-plugin-commonjs": "^10.0.1",
"rollup-plugin-copy-glob": "^0.3.0",
"rollup-plugin-json": "^4.0.0",
"rollup-plugin-node-resolve": "^5.2.0",
"rollup-plugin-svelte": "^5.1.0",
"svelte": "^3.6.7"

并偶然发现导入 ramda 库的问题:问题是，如果我在 Electron 应用程序的渲染器和主进程中导入 ramda，则会收到以下错误:

Error: Cannot find module './chunk-ae261ffc.js'
Require stack:
- <path>/index.html
    at Module._resolveFilename (internal/modules/cjs/loader.js:659:15)
    at Function.Module._resolveFilename (<path>/node_modules/electron/dist/Electron.app/Contents/Resources/electron.asar/common/reset-search-paths.js:43:12)
    at Function.Module._load (internal/modules/cjs/loader.js:577:27)
    at Module.require (internal/modules/cjs/loader.js:715:19)
    at require (internal/modules/cjs/helpers.js:14:16)
    at <path>/dist/renderer.js:3:18

我的汇总配置如下所示:

export default [
    {
        input: ['src/entries/main.js', 'src/entries/renderer.js'],
        output: {
            dir: 'dist',
            format: 'cjs',
            sourcemap: true
        },
        plugins: [
            svelte({
                css: css => {
                    css.write('dist/svelte.css');
                }
            }),
            resolve(),
            commonjs()
        ],
        external: ['electron', 'child_process', 'fs', 'path', 'url', 'module', 'os']
    }
];

我在渲染器进程(App.svelte 组件)内的根组件中使用 ramda:

<script>
    import * as R from 'ramda';

    const q = R.always('hello from svelte');
</script>
{q()}

并且在主进程的入口文件中:

import * as R from 'ramda';

最奇怪的事情(对我来说)是，如果我评论上面的任何 ramda 导入，则不会抛出错误。否则，我会收到我在这个问题开头描述的错误

更新

在 @ScottSauyet 的帮助下，很明显可以通过将 import 替换为 require 来工作。但我认为这不是一个合适的解决方案(恕我直言，应该更改汇总配置)。

最佳答案

首先，我非常感谢@CliteTailor 的努力。这个答案总的来说是基于他的支持。

问题出在我没有复制到原始问题的代码片段中。我将我的 index.html 文件留在根文件夹中(它正在渲染器进程中使用)“按原样” - 没有将其与其他编译的 dist 文件夹复制到代码并使用此文件的链接:

<html>
    <!-- some header -->
    <body>
        <script src='./dist/renderer.js></script>
    </body>
</html>

根据@CliteTailor的代码，我只是做了一些更改:

1) 添加了将 index.html 复制到 rollup.config.js 中的 dist 文件夹:

export default [
    {
        input: ['src/entries/main.js', 'src/entries/renderer.js'],
        output: {
            dir: 'dist',
            format: 'cjs',
            sourcemap: true
        },
        plugins: [
            svelte({
                css: css => {
                    css.write('dist/svelte.css');
                }
            }),
            resolve(),
            commonjs(),
            copy({
                targets: [{ src: 'index.html', dest: 'dist' }]
            })
        ],
        external: ['electron', 'child_process', 'fs', 'path', 'url', 'module', 'os']
    }
];

2) 替换了从渲染器进程的主文件中调用此 index.html:

// old code
win.loadFile(path.resolve(__dirname, '../index.html'));
// fixed code
win.loadFile(path.resolve(__dirname, 'index.html'));

3) 更改了 index.html 中已编译渲染器文件的链接:

<html>
    <!-- some header -->
    <body>
        <script src='./renderer.js></script>
    </body>
</html>

现在一切正常。

关于javascript - 在 Rollup 构建的 Electron 应用程序中导入 Ramda 会导致错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57134084/

25 4 0
文章推荐： php - 什么时候使用 self、parent、static 以及如何？
文章推荐： powershell - switch语句不符合所有条件
文章推荐： php - 使用 PHPExcel 添加新行？
文章推荐： audio - 声音没有播放两次
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com