尝试在tinymce中注册自定义插件，但尝试失败。

• 创建了一个插件使用yoman生成器构建它并在项目中引用
• 创建了一个插件使用yoman生成器直接在工程中引用而不建
• 也试过了下面的方法仍是行不通

import { FC, RefObject, useLayoutEffect, useRef } from 'react'
import { Editor } from '@tinymce/tinymce-react';
import { plugins, toolbar, quickBarsInsertToolbar } from './config';
import tinymce, { Editor as TinyMCEEditor, PluginManager } from 'tinymce';
import './index.css'
// import '../../plugins/dropdown-plugin/dist/dropdown-plugin/plugin.min.js';


const TinymceEditor: FC = () => {
    const editorRef = useRef<TinyMCEEditor | null>(null);
    const log = () => {
        if (editorRef.current) {
            console.log(editorRef.current.getContent());
        }
    };

    useLayoutEffect(() => {
        tinymce.PluginManager.add("dropdown-plugin", function (n, t) { n.ui.registry.addButton("dropdown-plugin", { text: "dropdown-plugin button", onAction: function () { n.setContent("<p>content added from dropdown-plugin</p>") } }) })
    }, [])

    return (
        <div
            className='tinymce_editor'
        >
            <Editor
                onInit={(evt, editor) => editorRef.current = editor}
                init={{
                    height: 500,
                    plugins:['dropdown-plugin'],
                    toolbar:'dropdown-plugin'
                }}
            />
            <button onClick={log}>Log editor content</button>
        </div>
    )
}

export default TinymceEditor;

给出此错误