Я використовую React і Redux для розробки веб-сайту, і коли я запустив свій проект, я зрозумів:
Line 13: Unexpected use of 'location' no-restricted-globals
Search for the keywords to learn more about each error.
Я багато шукав, як її вирішити, але жодна із знайдених відповідей мені не допомогла, тому я звернувся до переповнення стека.
Хтось знає, як виправити цю помилку? Я ціную всю допомогу, яку можу отримати.
Відповіді:
Спробуйте додати windowраніше location(тобто window.location).
location"заплутаним браузер глобальним". Я б сказав, що якщо ви використовуєте CRA і не знаєте про об'єкт розташування, ви перебуваєте в землі, яка не є людиною. Можливо, вони просто хочуть зробити прикро читання URL-адреси, що було б зрозуміло ...
location об'єкт є заплутаним глобальним браузером, тому потрібен префікс скрізь ... github.com/facebook/create-react-app/isissue/7733window.
Це просте і, можливо, не найкраще рішення, але воно працює.
У рядку над рядком ви отримаєте помилку, вставте це:
// eslint-disable-next-line no-restricted-globals
Можливо, ви можете спробувати передати місцеположення в компонент як опору. Нижче я використовую ... otherProps. Це оператор розповсюдження і є дійсним, але непотрібним, якщо ви прямо перейшли в реквізит, він просто там, як власник місця для демонстраційних цілей. Крім того, дослідницька деструктурація, щоб зрозуміти, звідки ({location}) походить.
import React from 'react';
import withRouter from 'react-router-dom';
const MyComponent = ({ location, ...otherProps }) => (whatever you want to render)
export withRouter(MyComponent);
/* eslint no-restricted-globals:0 */це ще один альтернативний підхід