Блог

Главная - Вопросы по программированию - Декораторы не включены @withRouter

Декораторы не включены @withRouter

#reactjs #react-router #babeljs

Вопрос:

У меня есть приложение React, работающее в тестовой среде на AWS, я пришел, чтобы настроить локальную сеть разработчиков с помощью docker, но когда npm start я получаю следующую ошибку.

 Failed to compile.

./src/components/Navbar/index.js
SyntaxError: /app/src/components/Navbar/index.js: Decorators are not enabled.
If you are using ["@babel/plugin-proposal-decorators", { "legacy": true }], make sure it comes *before* "@babel/plugin-proposal-class-properties" and enable loose mode, like so:
        ["@babel/plugin-proposal-decorators", { "legacy": true }]
        ["@babel/plugin-proposal-class-properties", { "loose": true }]
  19 | import DoctorLiveConsultationNav from './DoctorLiveConsultationNav'
  20 |
> 21 | @withRouter
     | ^
  22 | class Navbar extends React.PureComponent {
  23 |   constructor(props) {
  24 |     super(props)

Его настройка идентична системе AWS, поэтому я не уверен, почему появляется эта ошибка. В онлайн — сообщении предлагалось добавить код в мой файл babel

 module.exports = {
  presets: ['react-app', 'expo'],
  plugins: [
    'react-hot-loader/babel',
    ["@babel/plugin-proposal-private-methods", { "loose": true }],
    ["@babel/plugin-proposal-decorators", { "legacy": true }],
    ["@babel/plugin-proposal-class-properties", { "loose": true }]
],
}

но это не решило проблему.

Ответ №1:

Я не смог решить проблему выше, удалив папку поставщика и запустив ее повторно yarn install , проблема была устранена.

Метки: