Ошибка синтаксического анализа модуля: непредвиденный токен (357:30)

avatar
ECROWN TECH
9 августа 2021 в 07:10
244
0
0

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

    ./node_modules/@material-ui/core/esm/Tabs/Tabs.js 357:30
Module parse failed: Unexpected token (357:30)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|   }, [updateIndicatorState, updateScrollButtonState]);
|   var handleTabsScroll = React.useCallback(debounce(function () {
>     updateScrollButtonState();|n  }));
|   React.useEffect(function () {
|     return function () {

это простая форма, ничего особенного

import { Grid, IconButton, TextField } from "@material-ui/core";
import { ArrowBack, AttachMoney, ChevronLeft } from "@material-ui/icons";
import React from "react";
import "../../css/userTableForm.css";
import { makeStyles } from "@material-ui/core/styles";

const useStyles = makeStyles((theme) => ({
  input1: {
    height: 50,
  },
  input2: {
    height: 200,
    fontSize: "3em",
  },
}));
function UserTableForm() {
  const classes = useStyles();

  return (
    <div>
      <div className="conetent">
        <div className="container-fluid">
          <div className="row d-flex align-items-center">
            <div className="col-4">
              <IconButton>
                <ArrowBack />
              </IconButton>
              <span className="fw-light" style={{ fontSize: "30px" }}>
                Form Product
              </span>
            </div>
          </div>
          <div className="card">
            <div className="card-body d-flex">
              <Grid container spacing={1} alignItems="flex-end">
                <Grid item>
                  <TextField
                     className={classes.input2}
                    id="input-with-icon-grid"
                    label="Name"
                    InputProps={{ classes: { input: classes.input1 } }}
                  />
                </Grid>
              </Grid>
              <Grid container spacing={1} alignItems="flex-end">
                <Grid item>
                  <AttachMoney />
                </Grid>
                <Grid item>
                  <TextField
                    className="widd"
                    id="input-with-icon-grid"
                    label="Price"
                  />
                </Grid>
              </Grid>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}

export default UserTableForm;

вот файл package.json

{
  "name": "whats-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.11.6",
    "@testing-library/react": "^11.2.2",
    "@testing-library/user-event": "^12.6.0",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-scripts": "4.0.1",
    "web-vitals": "^0.2.4",
    "@material-ui/core": "^4.11.0",
    "@material-ui/icons": "^4.9.1",
    "react-router-dom": "^5.2.0",
    "bootstrap": "^5.1.0",
    "@material-ui/data-grid": "^4.0.0-alpha.35",
    "@material-ui/x-grid": "^4.0.0-alpha.35"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

все работало нормально, пока я не использовал makestyles из пользовательского интерфейса material, он начал выдавать ошибку, и даже после удаления makestyles все еще выдает ошибку

Источник
Ayush Gupta
9 августа 2021 в 07:14
0

Вносили ли вы какие-либо изменения в свой package.json между тем?

ECROWN TECH
9 августа 2021 в 07:15
0

нет только что установленного материала ядра пользовательского интерфейса и значка, начальной загрузки и mui datagrid ничего больше

Ayush Gupta
9 августа 2021 в 07:16
0

Можете ли вы опубликовать свой пакет JSON, пожалуйста? Я помню, что раньше видел такую ​​​​проблему, вызванную добавлением некоторого пакета Material UI, но не уверен на 100%.

ECROWN TECH
9 августа 2021 в 07:19
0

Я добавил файл package.json, надеюсь, вы найдете проблему и решение.

Ayush Gupta
9 августа 2021 в 07:23
0

У вас есть updateScrollButtonState();|n где-нибудь в вашей кодовой базе?

Ayush Gupta
9 августа 2021 в 07:23
0

Вот что говорит ошибка, проблема в том, что бродячий |n

ECROWN TECH
9 августа 2021 в 07:24
0

нет, не пользовался, даже не знаю, что он делает

Alek Smith
9 августа 2021 в 07:24
0

не могли бы вы опубликовать свой .babelrc, пожалуйста?

gu mingfeng
9 августа 2021 в 07:28
0

переустановите material-ui, что-то изменилось в локальном пакете material-ui

ECROWN TECH
9 августа 2021 в 07:28
0

ммм, извините, я не могу его найти, не могли бы вы сказать мне, где он находится?

ECROWN TECH
9 августа 2021 в 07:32
0

Я попытался снова установить материал пользовательского интерфейса, он выдает другую ошибку. Реестр npm WARN Использование устаревших данных из registry.npmjs.org из-за ошибки запроса во время повторной проверки. нпм ОШИБКА! код EINTEGRITY npm ERR! errno EINTEGRITY npm ERR! Неверный текст ответа при попытке получить registry.npmjs.org/jss-plugin-camel-case:

Ответы (0)