axeld1975

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

Столкнулся с той же проблемой на Open Server.

Решение:

1. Снести папку
2. В .env файле поменять FILESYSTEM_DRIVER=local на public
3. Заново создать ссылку php artisan storage:link

В Rubric

public function news()
{
     return $this->belongsToMany('App\News', 'news_to_rubric', 'rubric_id', 'news_id');
}

в контроллере

$rubrics = Rubric::with('news')
                   ->get();

в шаблоне

@foreach ($rubrics as $rubric)
  {{$rubric->name}}
      @foreach ($rubric->news as $news)
           {{ $news->name }}
      @endforeach
@endforeach

в виде

foreach ($items as $rubric) {
    $rubric->news->map(function ($post) {
        echo $post->title;
        //Ну и остальные поля новости. Какие они там у вас.
    });
}

Здесь у Вы можете использовать Promise.all или аналог jQuery $.when или использовать замыкание, чтобы замкнуть переменную i;
Замыкание

$(function() {
	let $chart = $('[data-type="chart"]');

	for (let i = 0; i < $chart.length; i++) {
		(function(index) {
			$.ajax({
				success: function() {
					console.log('Замыкание', index);
				}
			})
		})(i);
	}
});

Запуск всех запросов паралельно, jQuery $.when

$(function() {
	var $chart = $('[data-type="chart"]');

	if ($chart.length) {
		ajaxAll($chart, function(index) {
			return getChartData($(this).data('url'), index);
		}).done(function() {
			console.log('ajaxAll', 'Все запросы завершенны');
		});
	}

	function ajaxAll($selector, each) {
		var promise = [];
		$.each($selector, function() {
			promise.push(each.apply(this, arguments));
		});
		return $.when.apply(null, promise);
	}

	function getChartData(link, index) {
		return $.ajax({
			url: link,
			method: 'POST',
			dataType: 'json',
			contentType: 'application/json',
			data: JSON.stringify({
				data: {
					item: index
				}
			}),
			success: function(response) {
				console.log('getChartData', 'Одиночный запрос завершен успешно', index);
			}
		});
	}

});

Сам помучался с этой штукой, а решение по сути то элементарное.
input, button { -webkit-appearance: none;}
Прописываете этот стиль вашему элементу и будет счастье.

echo (new IntlDateFormatter('ru_RU', null, null, null, null, 'd MMM Y HH:mm:ss'))
      ->format(new DateTime('2014-07-04 23:57:15'));

Примерно так:

1) Создать div: width: 100%, height: 100%, opacity: например, 0.5, position:fixed, display:none, background:Цвет фона
2) Перед вызовом ajax сделать этому div display:block; (например, по нажатию на кнопке или почему там в сценарии вызывается запрос)
3) В success колбэке ajax сделать диву display:none

PS: Внутрь дива разместить анимированный гиф загрузчика, надпись "Page loading..." или что-нибудь еще по своему вкусу

1. setInterval нужно останавливать с помощью clearInterval, а не clearTimeout.
2. В setInterval/setTimeout нужно передавать функцию, а не код.

function auto_play() {
	var act = $('.controlNav > li.act');
	act.next().trigger('click');
}

var autoPlay = setInterval( auto_play, 4000 );

slider.hover(function(){
	clearInterval(autoPlay);
}, function(){
	autoPlay = setInterval( auto_play, 4000 );
});

Непонятно почему, но в настройках PHPStorm файл index.php распознается как текстовый и включается соответственная разметка.
Для того чтобы это изменить идем Preferences-->File Types--> в блоке Recognized File Types выбираем тип Text затем удаляем index.php из Registered Patterns