typescript - 当汇总无法解决依赖关系时如何修复错误

Question

我正在 React 中创建一个可插入的小部件，用于 Mendix 应用程序，它使用ketcher-react包。

有了基础知识（参见下面的代码），当我想使用 构建时npm run build，我收到以下错误：

错误：“url”由 url?commonjs-external 导入，但无法解析 - 将其视为外部依赖项

仅供参考： url?commonjs-external 在@rollup\plugin-commonjs 的 index.js 文件中使用

希望有人可以帮助我！

这是我的功能组件（没什么特别的，只是ketcher建议的配置）：

import { ReactElement, createElement } from "react";
import { StandaloneStructServiceProvider } from 'ketcher-standalone';
import { Editor } from "ketcher-react";

import { KetcherMolecularEditorContainerProps } from "../typings/KetcherMolecularEditorProps";

import "./ui/KetcherMolecularEditor.css";


const structServiceProvider = new StandaloneStructServiceProvider();

export function KetcherMolecularEditor({ sampleText }: KetcherMolecularEditorContainerProps): ReactElement {
    console.log(sampleText);
    return (
        <Editor
            staticResourcesUrl={process.env.PUBLIC_URL || ""}
            structServiceProvider={structServiceProvider} 
            errorHandler={(message: String): void => { console.error(message)}}        
        />
      )
}