Ошибка в путях при нахождении файла?

Question

[Алексей Яковлев]

Я установил библиотеку TinyMCE, в тег tinymceScriptSrc
прописываю путь к файлу tinymce.min.js, но выдает ошибку:

GET http://localhost:3000/node_modules/tinymce/tinymce.min.js net::ERR_ABORTED 404 (Not Found)

Директория файла:


Код:

tinymceScriptSrc={"../../node_modules/tinymce/tinymce.min.js"}

Comments

[Антон Горецкий]

а можно узнать, что по вашему делает этот код?

tinymceScriptSrc={"../../node_modules/tinymce/tinymce.min.js"}

[Игорь Васильев]

На сколько мне известно, чтение файлов из локальных папок сайта можно считывать через
process.env
Либо силами Node.js который умеет и может работать с файлами.
Очень плохая практика читать файлы из системной папки `node_modules` но мне попадались проекты, которые использовали данную папку для получения файлов, те же скрипты, стили или картинки.
При более адекватном подходе настраивается webpack и алиасы, которые потом считывают файлы из нужных папок, даже после билда.
Ещё есть File и FileReader на нативном JavaScript, которые помогаю читать и загружать файлы
Tinymce, согласно документации https://www.tiny.cloud/docs/integrations/react/
не так уж сложно ставится. Самое стабильное с чём я работал, есть ещё CKEditor
https://ckeditor.com/
с ним по сложнее ну и доки по API навороченее. Так что пробуйте. Что-то из этого должно сработать.

Answer 1

[Игорь Васильев]

https://www.tiny.cloud/docs/integrations/react/
Если вы на React.js - вот решение

<Editor tinymceScriptSrc={process.env.PUBLIC_URL + '/tinymce/tinymce.min.js'}>

Comments

[Алексей Яковлев]

Написал так:

tinymceScriptSrc={process.env.PROJECT_ROOT + "/plugin/tinymce/tinymce.min.js"}

Переменная такая:
PROJECT_ROOT: __dirname
Директория:

Все равно не находит, ошибка:

Not allowed to load local resource: file:///C:/Users/.../plugin/tinymce/tinymce.min.js

[Игорь Васильев]

Алексей Яковлев, тут могут быть возможные причины, по которым это не работает:
1) Нет прав записи и\или чтения, нужен chmod 777
2) Если загружали через npm могла быть не полная загрузка (ещё из-за медленного интернета)
3) У вас разные версии (в проекте код одной версии, в зависимостях другой, а в node modules третий) - такой вариант возможен если данные загружались руками а не через консоль.

Возможные решения:
Удалить папку node_modules и package-lock.json
Сделать команду в консоли npm cache clean --force
По новой запустить npm i

Попробовать запустить.

Если это не поможет, установить yarn и установить все зависимости через yarn
Как вариант, попробовать другие версии tinymce (не торопитесь ставить самое свежее, это не всегда стабильная и проверенная версия, читайте ищью, обычно там описываются 90% проблем, с которыми сталкиваются разработчики).
Чтобы понять, где находится issuu надо попробовать загуглить название, посмотреть на сайте npm, или на сайте разработчика. Мне в основном попадается github issuu.

[Алексей Яковлев]

Игорь Васильев, вообще ничего не помогло