angular2 tinymce exception - 对象缺少属性

时间:2016-11-06 19:43:51

标签: javascript angular typescript webpack tinymce

我正在尝试在我的Angular2项目中使用tinymce但没有成功; 我得到了tinymce对象,但它缺少一些属性,我得到的例外是“无法读取未定义的属性'Factory': enter image description here

异常来自theme.js:“ThemeManager.add('modern'...”

webpack导入:

resolve: { ... alias: { 'tinymce': path.join(__dirname, '../node_modules/tinymce/tinymce.js'), 'tinymce-theme-modern': path.join(__dirname, '../node_modules/tinymce/themes/modern/theme.js')...

当我在ngAfterViewInit中调用tinymce.init函数时会发生这种情况。 我也有打字定制声明。

1 个答案:

答案 0 :(得分:0)

我设法让它发挥作用;
webpack配置不合适。 解决问题的配置:

module: {
        loaders: [
            {
                test: require.resolve("tinymce/tinymce"),
                loaders : [
                    "imports?this=>window",
                    "exports?window.tinymce"
                ]
            },
            {
                test: /tinymce\/(themes|plugins)\//,
                loaders: ["imports?this=>window"]
            }...

我现在有另一个例外:

plugin.js:19 Uncaught module definition dependecy not found: tinymce/util/Tools