在Angular 9应用程序中使用第三方AMD模块
我正在尝试将XText到Ace web编辑器集成到Angular 9应用程序中 根据-它需要很少的AMD模块在客户端使用 如我所见,它可以轻松地加载requireJS:在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
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'