如何在 Mendix Pluggable Widget 中包含资源？答案

【问题标题】：How to include resources in a Mendix Pluggable Widget?如何在 Mendix Pluggable Widget 中包含资源？
【发布时间】：2019-12-01 11:55:33
【问题描述】：

我们有一个应用程序，我们想创建一个 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.jsx 和AfterScriptSrc.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 文件夹也不会出现在生成的小部件中。有没有办法将此文件夹包含在小部件中？或者任何其他方式来完成这项工作？

【问题讨论】：

标签： javascript reactjs widget mendix

【解决方案1】：

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

【讨论】：

感谢您的回复，我改变了组织，但不幸的是我的问题的性质不同。我可以正确看到我的组件，但我导入的 js 文件没有显示出来。更改 packagePath 并不能解决这个问题。