Трудности с подключение модуля к html и js файлу одновременно
 

Всем привет, я постараюсь описать свою задачу как можно понятнее.
И заранее спасибо всем за ответы:)

У меня есть файл algorithm.js с которого я экспортирую объект с помощью module.exports = obj. В другом js файле я импортирую объект так let obj = require("../algorithm.js"). Все работает.

Теперь я хочу этот же файл algorithm.js, а точнее объект с этого файла импортировать в html файл. Создал <script type= "module"> и импортирую таким способом, import {obj} from "./algorithm.js", но вылазит ошибка "Запрошенный модуль не может обеспечить экспорт с именем «obj»"

Если эскопртировать объект в файле algorithm.js через export let obj={...} то html файл подключается, а js файл выдает ошибку.

Путь 100% верный. Что я упускаю?
И как мне все эти три файла подключить между собой?

Синтаксическая ошибка, ругается на export - "SyntaxError: Unexpected token export"
И еще import { obj } from "algorithm" ругается на фигурные скобки {}, так я импортирую модуль в js файл

Верно, вы подключились к html файлу, а теперь нужно algorithm.js подключить другому js файлу. В другом js файле я
импортирую тоже через import { obj } from "../algorithm.js" то тут он ругается на фигурные скобки. Я поставил две точки не просто так, ибо файл находиться в другой папке.

А вот если в файле algorithm.js сделать так
// algorithm.js
let obj = { date: new Date };
module.exports = obj


То подключается к другому js файлу, а к html файлу уже не подключается.
Я пробовал подключиться так < script src = "/путь/algorithm.js" type="text/javascript" > и не работает.

Дело в том, мне надо один js файл подключить к клиентской части и к node, одновременно.

Получается так, у меня есть файл с алгоритмом, я его хочу подключить к unit тестам и браузеру.

Вернее, я писал код c тестами и импортировал все через module.exports = obj. Но когда пришло время подключить algorithm.js к клиентской части, полезли такие проблемы.

Возьми, к примеру, скрипт JQuery и срисуй с него эту стандартную конструкцию. Она же так и написана, что если модуль в Ноде - то модуль, а если скрипт на странице - то переменные $ и JQuery в глобальную область window.

Надо использовать какой-нибудь webpack и тд бандлеры...

https://webpack.js.org/guides/gettin...ating-a-bundle
здесь в примере, подключенные js скрипты в index.html, будут сами компилироваться...

можно просто скомпилировать свой algorithm.js в es5 модуль, опять же через webpack,...

вынести algorithm.js в отдельный модуль, ) использовать его как UMD модель

Это интересная идея, я попробую ее реализовать спасибо:)

Ооо спасибо, я что-то о таком читал, только не помнил где и как оно называлось :)
И этот вариант испробую.

Действительно помогло, решил задачу через webpack.:)
Спасибо:D