Блог

Неперехваченная ошибка типа: (0 , администратор__WEBPACK_ИМПОРТИРОВАННЫЙ_МОДУЛЬ_2_.initAdmin) не является функцией

Я создаю приложение под названием приложение для отслеживания пиццы, которое в основном представляет собой систему заказа продуктов питания, в которой вы можете отслеживать размещенные вами заказы, и здесь при создании страницы администратора я получаю эту ошибку. Может ли кто-нибудь объяснить мне эту ошибку и попытаться устранить эту ошибку?

 import axios from 'axios' import moment from 'moment'  function initAdmin(){  const orderTableBody = document.querySelector('#orderTableBody')  let orders = []  let markup   axios.get('/admin/orders', {  headers: {  "X-Requested-With": "XMLHttpRequest"  } }).then(res =gt; {  orders = res.data  markup = generateMarkup(orders)  orderTableBody.innerHTML = markup }).catch(err =gt; {  console.log(err) })  function renderItems(items) {  let parsedItems = Object.values(items)  return parsedItems.map((menuItem) =gt; {  return `  lt;pgt;${ menuItem.item.name } - ${ menuItem.qty } pcs lt;/pgt;  `  }).join('')  }  function generateMarkup(orders) {  return orders.map(order =gt; {  return `  lt;trgt;  lt;td class="border px-4 py-2 text-green-900"gt;  lt;pgt;${ order._id }lt;/pgt;  lt;divgt;${ renderItems(order.items) }lt;/divgt;  lt;/tdgt;  lt;td class="border px-4 py-2"gt;${ order.customerId.name }lt;/tdgt;  lt;td class="border px-4 py-2"gt;${ order.address }lt;/tdgt;  lt;td class="border px-4 py-2"gt;  lt;div class="inline-block relative w-64"gt;  lt;form action="/admin/order/status" method="POST"gt;  lt;input type="hidden" name="orderId" value="${ order._id }"gt;  lt;select name="status" onchange="this.form.submit()"  class="block appearance-none w-full bg-white border border-gray-400 hover:border-gray-500 px-4 py-2 pr-8 rounded shadow leading-tight focus:outline-none focus:shadow-outline"gt;  lt;option value="order_placed"  ${ order.status === 'order_placed' ? 'selected' : '' }gt;  Placedlt;/optiongt;  lt;option value="confirmed" ${ order.status === 'confirmed' ? 'selected' : '' }gt;  Confirmedlt;/optiongt;  lt;option value="prepared" ${ order.status === 'prepared' ? 'selected' : '' }gt;  Preparedlt;/optiongt;  lt;option value="delivered" ${ order.status === 'delivered' ? 'selected' : '' }gt;  Delivered  lt;/optiongt;  lt;option value="completed" ${ order.status === 'completed' ? 'selected' : '' }gt;  Completed  lt;/optiongt;  lt;/selectgt;  lt;/formgt;  lt;div  class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700"gt;  lt;svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 20 20"gt;  lt;path  d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" /gt;  lt;/svggt;  lt;/divgt;  lt;/divgt;  lt;/tdgt;  lt;td class="border px-4 py-2"gt;  ${ moment(order.createdAt).format('hh:mm A') }  lt;/tdgt;  lt;td class="border px-4 py-2"gt;  ${ order.paymentStatus ? 'paid' : 'Not paid' }  lt;/tdgt;  lt;/trgt;  `  }).join('') } }  export default initAdmin