Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Angular 9应用程序中使用第三方AMD模块_Angular_Typescript_Webpack_Amd_Ace Editor - Fatal编程技术网

在Angular 9应用程序中使用第三方AMD模块

在Angular 9应用程序中使用第三方AMD模块,angular,typescript,webpack,amd,ace-editor,Angular,Typescript,Webpack,Amd,Ace Editor,我正在尝试将XText到Ace web编辑器集成到Angular 9应用程序中 根据-它需要很少的AMD模块在客户端使用 如我所见,它可以轻松地加载requireJS: require.config({ paths: { "jquery": "webjars/jquery/<version>/jquery.min", "ace/ext/language_tools": "webjars/ace/<version>/src/ext-l

我正在尝试将XText到Ace web编辑器集成到Angular 9应用程序中

根据-它需要很少的AMD模块在客户端使用

如我所见,它可以轻松地加载requireJS:

require.config({
    paths: {
        "jquery": "webjars/jquery/<version>/jquery.min",
        "ace/ext/language_tools": "webjars/ace/<version>/src/ext-language_tools",
        "xtext/xtext-ace": "xtext/<version>/xtext-ace"
    }
});
require(["webjars/ace/<version>/src/ace"], function() {
    require(["xtext/xtext-ace"], function(xtext) {
        xtext.createEditor();
    });
});
我应该如何导入这些模块,使它们在角度组件typescript文件中以正确的方式工作


UPD: 例如,将简单的角度应用程序上载到

我将这两个模块js文件都添加到了
。/src/assets/scripts'
文件夹中,并试图在
app.component.ts


当我尝试在
index.html
中使用help或requirejs导入它时,它正在工作,但我需要它在我的component.ts文件中工作,并且感到困惑,如何在这些文件中重做导入。

需要尝试几件事。首先确保tsconfig中的
esModuleInterop
为true。导入类似于从“ace”导入ace或任何位置导入ace。如果这不正确,请尝试在中将
模块切换到
CommonJS
tsconfig@bryan60不幸的是,没有什么能帮助解决这个问题。我通过添加git repository更新了我的答案,也许它会让事情变得更清楚。如果您通过angular.json或index.html中的脚本加载它,并使其在全球可用。。。只需在你的应用程序文件夹中写一个模块声明文件,这样你就不需要在任何地方导入它了。。你可以把所有的打字都写下来,或者干脆宣布它是anyHi,这个问题有什么进展吗?我也面临着同样的问题。有几件事需要尝试。首先确保tsconfig中的
esModuleInterop
为true。导入类似于从“ace”导入ace或任何位置导入ace。如果这不正确,请尝试在中将
模块切换到
CommonJS
tsconfig@bryan60不幸的是,没有什么能帮助解决这个问题。我通过添加git repository更新了我的答案,也许它会让事情变得更清楚。如果您通过angular.json或index.html中的脚本加载它,并使其在全球可用。。。只需在你的应用程序文件夹中写一个模块声明文件,这样你就不需要在任何地方导入它了。。你可以把所有的打字都写下来,或者干脆宣布它是anyHi,这个问题有什么进展吗?我也面临同样的问题。
ERROR in ./src/assets/scripts/ace.js
Module not found: Error: Can't resolve '../../lib/lang' 
ERROR in ./src/assets/scripts/ace.js
Module not found: Error: Can't resolve '../../lib/oop' 
ERROR in ./src/assets/scripts/ace.js
Module not found: Error: Can't resolve '../../range'