无法解析 Electron v.17 应用程序中的 Polymer 3 模块

Question

我得到 electron-quick-start 和 电子聚合物 来自 Fluidnext，用于我的 Polymer 3 应用程序。

当我尝试将 Web 组件导入到项目中时，出现以下错误：Uncaught TypeError: 无法解析模块说明符“@polymer/polymer/polymer-element.js”。相对引用必须以“/”、“./”或“../”开头。 为了解决这个问题，我使用了../node_modules/my-folder/my-component.js 但这仅在我导入仅引用其默认文件夹的组件时才有效。

Example: 

    import {
    html,
    PolymerElement
} from '../node_modules/@polymer/polymer/polymer-element.js';

这对我有用，这个组件显示在我的电子应用程序中，但是我有很多其他组件使用其他引用，如下所示。

import {
    html,
    PolymerElement
} from '../node_modules/@polymer/polymer/polymer-element.js';

// import { sharedStyles } from './shared-styles.js';

import '../node_modules/@polymer/paper-input/paper-input.js';
import '../node_modules/@polymer/iron-icon/iron-icon.js';
import '../node_modules/@polymer/iron-icons/iron-icons.js';

当我导入此组件时，我收到此错误，类似于第一个：Uncaught TypeError：无法解析模块说明符“@polymer/polymer/polymer-legacy.js”。相对引用必须以“/”、“./”或“../”开头。

这就是我现在的问题，我需要添加../node_modules的每个新组件> 在默认聚合物导入之前以及当该组件内部有其他导入时，我在引用中遇到了其他错误。

我该如何解决这个问题？

Answer 1

我也遇到了这个问题。我有一个 Flask 应用程序，我想在我的模板中嵌入 Web 组件。我通过以下方式解决了它。我编写了以下 python 文件并在启动文件中调用它。现在一切正常了。

# We need to go to node_modules\ and add a / before the all imports paths that don't start with ~ . \ or /

import os
import re

def fix_relative_references():
    path_to_node_modules = os.path.join(os.path.dirname(os.path.abspath(__file__)), '../node_modules')

    for root, dirs, files in os.walk(path_to_node_modules):
        for file in files:
            if file.endswith('.js'):
                file_path = os.path.join(root, file)
                with open(file_path, 'r') as f:
                    file_content = f.read()
                    file_content = re.sub(r"from '([^/\.~])", r"from '/\1", file_content)
                    file_content = re.sub(r"from \"([^/\.~])", r"from \"/\1", file_content)
                    file_content = re.sub(r"import '([^/\.~])", r"import '/\1", file_content)
                    file_content = re.sub(r"import \"([^/\.~])", r"import \"/\1", file_content)
                    file_content = re.sub(r"require\('([^/\.~])", r"require('/\1", file_content)
                    file_content = re.sub(r"require\(\"([^/\.~])", r"require(\"/\1", file_content)
                with open(file_path, 'w') as f:
                    f.write(file_content)