如何在Mendix可插拔小部件中包含资源?

时间:2019-07-23 12:20:43

标签: javascript reactjs widget mendix

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

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

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

BeforeScriptSrc.jsxAfterScriptSrc.jsx中,我向文档正文添加了一些内联函数。 ScriptSrc.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 文件夹也不会出现在生成的窗口小部件中。有没有办法将此文件夹包含在小部件中?或通过其他任何方式使这项工作成功?

1 个答案:

答案 0 :(得分:0)

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

相关问题