Rails / Webpack：TinyMCE无法加载外观（404（未找到））

Question

我正在研究一直使用资产管道的Rails项目，但我们目前正在尝试过渡到webpack。尝试通过纱线拉动TinyMCE后，我遇到了一个问题 - 文本编辑器根本无法加载。

在转移到webpack之前

最初我在application.html.haml中使用了CDN并且工作正常：

%script{src: 'https://cloud.tinymce.com/stable/tinymce.min.js?apiKey=gexncjni90zx3qf0m5rr7kl8l40wd5yuly2xjza0g3kwrljt'}`

---

过渡后

我通过纱线安装包装：$ yarn add tinymce

我也有我的tinyMce.js文件（函数本身没有被更改）：

import tinymce from 'tinymce/tinymce';
import 'tinymce/themes/modern/theme';
import 'tinymce/plugins/lists';
import 'tinymce/plugins/table';

function tinyMce() {
    $(document).on('turbolinks:load', function () {
        tinyMCE.remove();
        tinyMCE.init({
            selector: 'textarea.tinymce',
            plugins: [
                'table', 'lists'
            ],
        });
    });
}

export { tinyMce };

---

在我的application.js中：

import { tinyMce } from "../vendor/tinyMCE/tinyMce";

由于TinyMCE不会没有皮肤，我跟着documentation跑了

$ cp -r node_modules/tinymce/skins skins

但控制台中的错误无法解决：

我尝试将skins文件夹直接放在根目录中，放在根目录和packs中的javascript/packs文件夹中，但错误保持不变，即使我尝试指定skin_url。

一般注意事项

• Webpack本身工作正常，包括自定义脚本和导入包（使用typed.js测试）。
• tinymce似乎也正在加载 - 之前我在控制台中有更多错误，关于table和lists插件，但是在将2条导入线添加到tinyMce.js后，这些错误消失了。

关于我可能缺少的任何提示？

Answer 1

我设法通过将这两行添加到我的tinyMce.js文件来使其工作：

import 'tinymce/skins/lightgray/content.min.css';
import 'tinymce/skins/lightgray/skin.min.css';

此时文本编辑器按预期工作，但我在控制台中收到以下错误：

通过将skin: false添加到我的tinymce.initsetup中解决了这个问题。