Create-react-app Module parse failed: Unexpected token (11:7)

I'm using "@projectstorm/react-diagrams": "6.2.0" in my project. When i starting app, i get an error:

Module parse failed: Unexpected token (11:7)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import { AbstractModelFactory, DeserializeEvent } from '@projectstorm/react-canvas-core';
| 
> export interface DefaultPortModelOptions extends PortModelOptions {
|       label?: string;
|       in?: boolean;

package.json:

{
  "name": "name",
  "version": "1.0.0",
  "proxy": "http://localhost:5005/",
  "scripts": {
    "start": "react-scripts start",
    "dev:mocks": "",
    "build": "react-scripts build",
    "test": "react-scripts test"
  },
  "devDependencies": {
    "@ant-design/icons": "4.3.0",
    "@emotion/core": "10.0.35",
    "@emotion/styled": "10.0.27",
    "@projectstorm/react-diagrams": "6.2.0",
    "@testing-library/jest-dom": "5.11.6",
    "@testing-library/react": "11.2.2",
    "@testing-library/user-event": "12.6.0",
    "@types/jest": "26.0.19",
    "@types/lodash": "4.14.165",
    "@types/node": "12.19.9",
    "@types/react": "16.14.2",
    "@types/react-dom": "16.9.10",
    "@types/react-redux": "7.1.12",
    "@types/react-router-dom": "5.1.6",
    "antd": "4.9.4",
    "axios": "0.21.1",
    "closest": "0.0.1",
    "connected-react-router": "6.8.0",
    "dagre": "0.8.5",
    "dayjs": "1.9.7",
    "eslint": "7.16.0",
    "eslint-plugin-react": "7.21.5",
    "express": "4.17.1",
    "history": "4.10.1",
    "lodash": "4.17.20",
    "ml-matrix": "6.5.3",
    "pathfinding": "0.4.18",
    "paths-js": "0.4.11",
    "react": "17.0.1",
    "react-dom": "17.0.1",
    "react-querybuilder": "3.9.0",
    "react-redux": "7.2.2",
    "react-router-dom": "5.2.0",
    "react-scripts": "4.0.1",
    "redux-thunk": "2.3.0",
    "reselect": "4.0.0",
    "resize-observer-polyfill": "1.5.1",
    "typescript": "4.1.3",
    "uuid": "8.3.2"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

tsconfig.json:

{
  "compilerOptions": {
    "target": "es5",
    "baseUrl": "./src",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "removeComments": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": [
    "./src"
  ],
  "exclude": [
    "./node_modules"
  ]
}

Project structure:

Project structure


Ответы (0 шт):