Как подключить библиотеку moment.js в проект на Laravel?

Question

[dch3]

Пытаюсь подключить библиотеку таким образом:

1. Устанавливаю зависимости в проект: в командной строке ввожу npm install moment --save

2 . Подключаю в файл resources/js/app.js (точка входа js) библиотеку: import '../../node_modules/moment'

3. В командную строку ввожу npm run dev (для компиляции js и css в проекте использую vite)

4. В js файлике ввожу console.log(moment())
и в результате получаю ошибку

Uncaught ReferenceError: moment is not defined
at charts.js:139:9

Comments

[JhaoDa]

С какого боку тут Laravel и PHP?

[dch3]

JhaoDa,
Вы имеете в виду, что этот алгоритм подключения характерен для любого проекта?

[JhaoDa]

dch3, я имею ввиду ровно то, что написал — какое отношение к языку РНР и фреймворку на нём имеет библиотека, написанная на JS?

[dch3]

JhaoDa,
Конкретность вашего вопроса очевидна только вам.
На вопрос типа "С какого боку тут Laravel и PHP?" существует два варианта ответа - либо слева, либо справа.
Поэтому вполне логично уточнение с моей стороны на хм... не совсем понятный вопрос

А теперь по сути. В проекте я строю графики по результатам запроса из БД. По оси Х мне необходимо расположить календарные даты. Без добавления сторонней библиотеки (в моем случает moment.js) Chart.js отказывается использовать строку вида '2023-06-20" как координату по оси X.

[JhaoDa]

Ясно, уносите.

[dch3]

JhaoDa,
как я и думал

[ProjectSoft]

dch3, Laravel и JS никак и никогда не могут быть связаны между собой. Есть серверная часть и есть клиентская часть. PHP исполняется на сервере, а JS на клиенте.
Надеюсь понятно.

[dch3]

ProjectSoft,

если вы говорите о том, что в рамках проекта серверная и клиентские части не связаны между собой, то конечно все понятно...))

Answer 1

[gogowq]

В вашем случае, чтобы использовать библиотеку Moment.js, вы должны правильно импортировать и использовать ее в коде.

Вместо import '../../node_modules/moment' в файле resources/js/app.js, вам следует использовать следующий импорт:

import moment from 'moment';

После внесения этих изменений перекомпилируйте ваш проект с помощью npm run devи проверьте, не появилась ли ошибка "moment is not defined" при использовании

Comments

[dch3]

@gogowq
Спасибо!
К сожалению эта "таблетка" не помогла и пациент все также мертв))

[dch3]

нашел на забугорном ресурсе еще такой код в app.js

var moment = require('moment');
  
console.log(moment().format());

попробовал с тем же результатом

Answer 2

[dch3]

Ответ найден)
Благодаря подсказке gogowq, я переписал строку import '../../node_modules/moment'
на строку import moment from 'moment';.
Но вся загвоздка была в том, что импортировал библиотеку я в глобальный файл app.js, а нужно было в файл, где эта библиотека будет использоваться.