Ошибка client application что это

11.03.2016 16:34

у меня такая жепроблема што делать

Приложение для блога Nextjs

В настоящее время видит: Application error: a client-side exception has occurred (see the browser console for more information). Я вижу указанную выше ошибку при создании сообщения в развертывании на консоли AWS Amplify, и DynamoDB не может перенаправить сообщение, созданное при отправке, но я могу просмотреть сообщение локально при отправке. Ошибки появляются только после развертывания в DynamoDB.

Любые указания на то, почему это может происходить, высоко ценятся.

///create-post.js
import { withAuthenticator } from '@aws-amplify/ui-react'
import { useState, useRef } from 'react'
import { API, Storage } from 'aws-amplify'
import { v4 as uuid } from 'uuid'
import { useRouter } from 'next/router'
import SimpleMDE from "react-simplemde-editor"
import "easymde/dist/easymde.min.css"
import { createPost } from '../graphql/mutations'
import MySelect from '../components/Autocomplete'
import { useForm } from "react-hook-form";
import { ErrorMessage } from '@hookform/error-message';
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";


const initialState = { title: '', content: '', category: '', countries: '', select: '', date: '', createdAt: new Date().toISOString()}

function CreatePost() {
  const [startDate, setStartDate] = useState(new Date());

  const { register, handleSubmit, formState: { errors } } = useForm();
  const onSubmit = data => console.log(data);

  const [post, setPost, state] = useState(initialState)
  const hiddenFileInput = useRef(null);
  const { title, content, category, countries, select, date,  createdAt } = post

  const router = useRouter()
  function onChange(e) {
    setPost(() => ({ ...post, [e.target.name]: e.target.value }))
  }
  
  console.log('setPost', post.countries ? countries.label : "")
  async function createNewPost() {
    if ( !title || !content || !category || !countries || !select || !date ||  !createdAt ) return
    const id = uuid() 
    post.id = id
    await API.graphql({
      query: createPost,
      variables: { input: post },
      authMode: "AMAZON_COGNITO_USER_POOLS"
    })
    router.push(`/posts/${id}`)
    
  }
  return (
    <form onSubmit={handleSubmit(onSubmit)} autoComplete="false"
      noValidate>
    <div>
      <h1 className="text-3xl font-semibold tracking-wide mt-36">Create New Article</h1>
      <p className="mt-6">Enter Title: </p>
      <input
        aria-invalid={errors.title ? "true" : "false"}
        {...register('title', { required: true })}
        onChange={onChange}
        name="title"
        placeholder="Title"
        value={post.title}
        className="border-b pb-2 text-lg my-4 focus:outline-none w-full font-light text-gray-500 placeholder-gray-500 y-2"
        
      />
      {errors.title && (
        <span role="alert" className="mb-4 mt-4 alert">
          This field is required
        </span>
      )}
      <p>Enter Category: </p>
      <input
        aria-invalid={errors.category ? "true" : "false"}
        {...register('category', { required: true })}
        onChange={onChange}
        name="category"
        placeholder="Author Category"
        value={post.category}
        className="mb-4 mt-4 border-b pb-2 text-lg my-4 focus:outline-none w-full font-light text-gray-500 placeholder-gray-500 y-2"
      />
      {errors.category && (
        <span role="alert" className=" alert">
          This field is required
        </span>
      )}
      <p  className="mb-2 mt-2" >Select Created Date: </p>
      <DatePicker
        aria-invalid={errors.date ? "true" : "false"}
        {...register('date', { required: true })}
        selected={post.date}
        onChange={(date) => setPost({...post, date})}
        name="date"
        placeholder="Created date" autoComplete="true"
        className="visible focus:outline-black outline-black"
        
      />
      {errors.date && (
        <span role="alert" className="mb-12 mt-12 alert">
          This field is required
        </span>
      )}
      <div className="mb-2 mt-2">
      <p>Select Author&apos;s Country:</p>
      <MySelect
        aria-invalid={errors.countries ? "true" : "false"}
          {...register('countries', { required: true })}
          options={options}
          name="countries"
          onChange={onChange => setPost({ ...post, countries: onChange.value })}
          value= {post.countries}
          className="m-6"
          placeholder="Countries Select..."
        />
        </div>
        <div className="ml-6 alert">
      {errors.countries && (
        <span role="alert" className="mb-12 mt-12 alert">
          This field is required
        </span>
      )}
      </div>
      <div className="mb-2 mt-2">
      <p>Select Blog&apos;s Category</p>
      <MySelect
        aria-invalid={errors.select ? "true" : "false"}
          {...register('select', { required: true })}
          options={selectCategoryOptions}
          name="select"
          onChange={onChange => setPost({ ...post, select: onChange.label})}
          value= {post.select}
          className="m-6"
          placeholder="select Select..."
        />
        </div>
        <div className="ml-6 alert">
      {errors.select && (
        <span role="alert" className="mb-12 mt-12 alert">
          This field is required
        </span>
      )}
      </div>
      <div className="mb-2 mt-2">
      </div>
        <p className="mt-8" >Enter Blog Content: </p>
      <SimpleMDE 
          aria-invalid={errors.content ? "true" : "false"}
            {...register('content', { required: true })}
          value={post.content} 
          onChange={value => setPost({ ...post, content: value })} 
          />
      {errors.content && (
        <span role="alert"  className="mb-4 mt-4 alert">
          This field is required
            <br/>
            <p className="alert font-semibold"> 
          Please check all fields are filled in  & wait 3 seconds before refreshing the page
          </p> 
          </span>
      )}
      <input
        onChange={onChange}
        name="createdAt"
        placeholder="Time created"
        value={post.createdAt}
        className="invisible"
        
      />
      <br/>
      
      <button
        type="submit"
        className="mb-4 mt-4 bg-blue-600 text-white font-semibold px-8 py-2 rounded-lg"
        onClick={createNewPost}
      >Save Article</button>
    </div>
    </form>
  )
}
const selectCategoryOptions  = [
  {
    label: "Sport"
  },
  {
    label: "News"
  },
  {
    label: "Weather"
  },
  {
    label: "Other"
  }
];
const options = [
  { label: 'Africa', value: 'Africa' },
  { label: 'USA', value: 'USA' },
  { label: 'Asia', value: 'Asia' },
  { label: 'Europe', value: 'Europe' },
  { label: 'Oceania', value: 'Oceania' },
]

export default withAuthenticator(CreatePost)

//pages/posts/[id].js
import { API, Storage } from 'aws-amplify'
import { useState, useEffect } from 'react'
import { useRouter } from 'next/router'
import ReactMarkdown from 'react-markdown'
import { listPosts, getPost } from '../../graphql/queries'

export default function Post({ post }) {
    const router = useRouter()
    if (router.isFallback) {
        return <div>Loading...</div>
    }
    return (
        <div>
        <h1 className="text-5xl mt-4 font-semibold tracking-wide mt-36 text-center">Title: {post.title}</h1>
        <h4 className="text-3xl mt-4 font-semibold tracking-wide text-center">Category: {post.category}</h4>
        <p className="text-1xl mt-4 font-semibold tracking-wide text-center">Selected Category Name: {post.select }</p>
        <div className="m-8 text-center">
            Content: <ReactMarkdown className='prose text-center' >{post.content}</ReactMarkdown>
        </div>
        <time dateTime={post.createdAt} className="invisible">
                Blog gerenated date created at: {new Date(post.createdAt).toDateString()}</time>
                <br/>
        <time dateTime={post.date} className="text-center">
        User date created at: {new Date(post.date).toDateString()}</time>
        <p className="text-1xl mt-4 font-semibold tracking-wide">Author&apos;s Country: {post.countries }</p>
        <p className="text-sm font-semibold my-4">Author:  {post.username}</p>
        </div>
    )
    }

    export async function getStaticPaths() {
    const postData = await API.graphql({
        query: listPosts
    })
    const paths = postData.data.listPosts.items.map(post => ({ params: { id: post.id }}))
    return {
        paths,
        fallback: true
    }
    }

    export async function getStaticProps ({ params }) {
    const { id } = params
    const postData = await API.graphql({
        query: getPost, variables: { id }
    })
    return {
        props: {
            post: postData.data.getPost
        },
        revalidate: 60
    }
}

В ваш файл pages/blog/[id].js вам нужно добавить следующее

//pages/posts/[id].js
import { API, Storage } from 'aws-amplify'
import { useState, useEffect } from 'react'
import { useRouter } from 'next/router'
import ReactMarkdown from 'react-markdown'
import { listPosts, getPost } from '../../graphql/queries'
import Error404 from '../../components/Error404'

export default function Post({ post }) {
    const router = useRouter()


    //Add this
      if (!router.isFallback && !post?.title) {
          return <Error404 />;
      }

    return (
    //Also add this
        {router.isFallback? (<div>Loading...</div>)
        : (<div>
            <h1 className="text-5xl mt-4 font-semibold tracking-wide mt-36 text-center">Title: {post.title}</h1>
            <h4 className="text-3xl mt-4 font-semibold tracking-wide text-center">Category: {post.category}</h4>
            <p className="text-1xl mt-4 font-semibold tracking-wide text-center">Selected Category Name: {post.select }</p>
            <div className="m-8 text-center">
            Content: <ReactMarkdown className='prose text-center' >{post.content}</ReactMarkdown>
            </div>
            <time dateTime={post.createdAt} className="invisible">
                Blog gerenated date created at: {new Date(post.createdAt).toDateString()}</time>
            <br/>
            <time dateTime={post.date} className="text-center">
                 User date created at: {new Date(post.date).toDateString()} 
            </time>
            <p className="text-1xl mt-4 font-semibold tracking-wide">Author&apos;s Country: {post.countries }</p>
            <p className="text-sm font-semibold my-4">Author:  {post.username}</p>
        </div>)
        }
    )
    }

    export async function getStaticPaths() {
    const postData = await API.graphql({
        query: listPosts
    })
    const paths = postData.data.listPosts.items.map(post => ({ params: { id: post.id }}))
    return {
        paths,
        fallback: true
    }
    }

    export async function getStaticProps ({ params }) {
    const { id } = params
    const postData = await API.graphql({
        query: getPost, variables: { id }
    })
    return {
        props: {
            post: postData.data.getPost
        },
        revalidate: 60
    }
}

Я не знаю, будет ли это работать для вас или нет. Но я также столкнулся с той же ошибкой. Приведенная выше конфигурация кода исправила ошибку в моем случае.

Я пытался открыть страницу MUI, и я получил эту ошибку и

1. Я нашел временное решение в интернет-блоге, которое заключалось в том, чтобы открыть страницу в окне инкогнито.
2. Окончательное решение без необходимости открывать окно в режиме инкогнито состояло в том, чтобы удалить файлы cookie со страницы, щелкнув значок замка, который появляется в окне поиска браузера, выбрать параметр файлов cookie, а затем нажать кнопку «Удалить» и перезагрузить страницу.

Убедитесь, что все ссылки в шапке, содержащие слово crossorigin, написаны правильно, вот так **crossOrigin **

У нас та же проблема, исправлена ​​удалением автофокуса для кнопок MUI во всем приложении.

Я решил эту проблему, удалив ненужные импорты в начале документа.

1. Ошибка Client MFC application error это общая беда игр на движке LithTech
   Если у тебя видеокарта серии NVIDIA, тогда попробуй на аппаратном уровне включить вертикальный синхроимпульс. На играх серии NOLF мне это помогло, ошибка почти исчезла.
   Панель Управления NVIDIA – Параметры 3D – Управление параметрами 3D – Программные настройки – Добавить LithTech(Lihtech.exe)
   Для этой программы(Lihtech.exe) указать:
   Вертикальный снхроимпульс — ВКЛ
   Файл Lihtech.exe находится в главной папке с игрой.
   Подробнее об устранении ошибки “Client MFC application error” смотри тут

   Еще попробуй Отключить динамическое освещение в меню игры, или установить в меню игры среднюю детализацию.

   Если у тебя Windows 10, тогда может дергаться изображение из-за высокого(до 2000) fps. Чтобы ограничить fps до 60-75, дополнительно установи утилиту “RivaTuner Statistics Server” из пакета “MSI Afterburner” и в настройках этой утилиты поставить “framerate limit” = 60
   Afterburner

   ***
   Еще зайди на сайт HeyJake
   LithFix by HeyJake
   Там есть мод Lithfix Beta 2 для AVP2 AVP2AIO, который исправляет проблемы игры на современных Windows 8 / Windiws 10
   Для этого мода, возможно, потребуется дополнительно установить Visual Studio 2015, 2017, 2019
   https://support.microsoft.com/en-us/help/2977003/the-latest-supported-visual-c-downloads
   Кстати, HeyJake сделал очень хороший мод(“MODRTNIZER” ver.1.006) для NOLF, который исправил большинство проблем пользователелей Windows 10, и теперь все играют только с этим модом.

   Вложения:

   • 

   Последнее редактирование: 25 июл 2020

2. А как скоро вылетает у вас эта ошибка?

3. Eraser
   Чистильщик

   
   

   Хелпер

   Регистрация:

   29 дек 2001

   Сообщения:

   10.036

   Вертикальный синхроимпульс вообще по умолчанию включить надо, и отключать для отдельных приложений.

4. Благодарю. Буду пробовать.
   А что это значит? Не смог понять. Субтитры не рекомендуется включать?

   

5. Проходил эту игру давно, уж не помню в каком году… не помню, чтоб были какие-либо проблемы, обыкновенная игра на один раз, но железо было старое, а система вроде Windows XP… надо бы на новом компе попробовать…

   Это значит, кавычки не учитывать…
   т.е.
   Распаковать архив в папку с игрой и запустить с такой Командной Строкой:
   -rez lithfix

   После изменения разрешения экрана, возможно, указатель мышки будет перемещаться в ограниченной части экрана(так было в игре NOLF с аналогичным модом). В этом случае надо выйти из игры и вновь зайти.

   Последнее редактирование: 26 июл 2020

6. С этим фиксом «мышка стала дубовая». Чтобы повернуться хотя бы на 30 градусов, нужно раз двадцать её дёрнуть туда-сюда. Можно её как-то настроить?

7. Напомню про свой вопрос, как часто вылетает ошибка?

8. А вы у кого спрашиваете? В общем и целом? Лично меня она мучает исключительно при запуске сюжетных кампаний / миссий. Например при запуске новой кампании, или загрузке сохранения. Часто ли? Я считаю что да, часто. Пока что лично для себя я вывел следующую формулу борьбы с этим: ставлю игру как расписал в сообщении #150, с той лишь разницей, что на этот раз — на диск D, плюс пробую использовать bat-ник, как написал SlashNet в сообщении #155.
   В данный момент пробую разобраться с фиксом, который посоветовал Alex002 в сообщении #161.

   Так-то по итогу ошибка никуда не делась… Как и раньше чаще вылезает, чем не вылезает.

   Последнее редактирование: 2 авг 2020

9. Поиграл около часа, запускал все три кампании, ошибки не дождался.

10. Расскажите же подробнее. Система? Железо? Как ставили? Что ставили?

11. Железо в профиле, 10-ка x64 2004, драйверы на видео последние. Ставил с образов с сайта + обновление + NoCD.

    — добавлено 2 авг 2020, предыдущее сообщение размещено: 2 авг 2020 —

    Возможно, поможет установка Система — [addon] Microsoft Visual C++ 05-08-10-12-13-19 Redistributable Package x86 & x64

12. У меня ошибка если и выскакивала, то только при запуске игры. И то, очень редко.

13. Это установлено. Полный комплект. В принципе эту ошибку может вызвать что угодно. Даже не знаю куда копать и на что смотреть.

    Поставил на диск D. Сделал запуск через батник и всё равно выскакивает. Это касается только лишь кампаний. Сетевая работает отменно.

14. Ах да: я ставил совместимость с XP SP3.