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