Блог

Главная - Вопросы по программированию - npm run не открывает веб-страницу, а просто зависает в случае неправильного имени элемента, как справиться с такой проблемой?

npm run не открывает веб-страницу, а просто зависает в случае неправильного имени элемента, как справиться с такой проблемой?

#reactjs

#reactjs

Вопрос:

Я новичок в React и допустил ошибку ниже.

В этом случае npm run веб-страница была открыта, но не отображалась ошибка консоли, и страница зависала через некоторое время.

Есть ли какой-нибудь плагин для фиксации такой основной ошибки? или как зафиксировать эту ошибку в самом коде?

 import React from 'react';

function Button() {
    return (
        <>
            <Button>New Quote</Button>
        </>
    )
}

export default Button;

Ответ №1:

Изменить <Button>New Quote</Button> на <button>New Quote</button>

В React вы не можете смонтировать компонент внутри себя

Комментарии:

1. «.. Есть ли какой-нибудь плагин для фиксации такой основной ошибки? или как зафиксировать эту ошибку в самом коде? .. »

2. плагин eslint может помочь. Вы можете создавать свои собственные правила или использовать предопределенные правила конфигурации из airbnb или Google и т. Д

Ответ №2:

Вы можете интегрировать eslint в свой проект для обнаружения таких ошибок.

  • [ https://blog.echobind.com/integrating-prettier-eslint-airbnb-style-guide-in-vscode-47f07b5d7d6a ]

Кроме того, в случае, если вы используете vs-code в качестве редактора кода, он также поддерживает плагин eslint, и вы сможете обнаружить такие ошибки в самом коде.

Спасибо