Как решить знаменитую проблему "Cannot use import statement outside a module" в приложении Electron-React-Typescript?
//const { app, BrowserWindow } = require('electron');
import { app, BrowserWindow } from 'electron';
Ошибка :
import { app, BrowserWindow } from 'electron';
^^^^^^
SyntaxError: Cannot use import statement outside a module
в package.json я добавил:
"type": "module",
devDependencies в package.json:
"@types/node": "^14.14.28",
"@types/react": "^17.0.2",
"electron": "^11.2.3",
"typescript": "^4.1.5",
"webpack": "^5.21.2"
tsconfig.json:
{
"compilerOptions": {
"target": "ES2018",
"module": "CommonJS",
"lib": ["dom", "esnext"],
"outDir": "dist",
"declaration": true,
"declarationMap": true,
"noEmit": true,
"jsx": "react",
"strict": true,
"pretty": true,
"sourceMap": true,
"skipLibCheck": true,
"noImplicitAny": false,
"noImplicitThis": false,
/* Additional Checks */
"noUnusedLocals": true,
"noUnusedParameters": true,
"noImplicitReturns": true,
"noFallthroughCasesInSwitch": true,
/* Module Resolution Options */
"moduleResolution": "node",
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"resolveJsonModule": true,
"allowJs": true
},
"include": ["src/**/*"],
"exclude": [
"src/index.js",
"dist",
]
}
Я также добавил в плагины babel.config.json:
["@babel/plugin-transform-modules-commonjs", {
"allowTopLevelThis": true
}],
и в package.json:
"scripts": {
"babel": "babel ./src/**/* -d dist",
"start": "yarn run babel && electron .",
- электрон: 11.2.3
- машинопись: 4.1.5
- узел: v14.5.0
- ОПЕРАЦИОННЫЕ СИСТЕМЫ. : Ubuntu 18.04.4 Рабочий стол
Что мне нужно добавить / изменить, чтобы использовать импорт?
