1

我们有一个应用程序,我们想创建一个 Mendix 自定义小部件来复制其中一个功能。起初,我通过遵循使用 dojo 而没有 React 的教程来设法做到这一点,将所有必需的 JS 文件(2000 多个文件)复制到小部件的lib<script>文件夹中,并在标签之间引用应用程序的 index.html 中的那些文件。这样,lib文件夹就会出现在生成的 .mpk 文件中。

但是现在我们想隔离小部件中的依赖关系,这就是我遵循本教程的原因:https ://docs.mendix.com/howto/extensibility/create-a-pluggable-widget-one

我现在想将lib复制到 React 组件中。这是我的文件夹结构的样子: 文件夹结构

我在文档正文中添加了一些内联函数BeforeScriptSrc.jsx。是我的问题来自:AfterScriptSrc.jsxScriptSrc.jsx

export class ScriptSrc extends Component {

componentDidMount () {

    function createScript(src) {
        const script = document.createElement("script");

        script.async = true;
        script.src = src;

        document.body.appendChild(script);
    }

    createScript("./lib/copiedJS.js");
    /*200 more of these*/
}

render() {
    return null;
}

}

当我在 Mendix 中构建组件并同步项目目录时,我在控制台中为每个 js 文件收到以下错误:

404 - 找不到文件的文件:lib/copiedJS.js

lib文件夹也不会出现在生成的小部件中。有没有办法将此文件夹包含在小部件中?或者任何其他方法可以使这项工作?

4

1 回答 1

0

你是不是换了组织?我或多或少有相同的问题,可以通过更改 json 文件 https://github.com/mendix/pluggable-widgets-generator/issues/15来解决它

于 2019-07-25T17:50:20.830 回答