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:
