角.不能在模块外使用import语句

Question

我在一个新的angular应用程序上安装了Electron，通过运行Electron得到了这个错误。我使用TypeScript。错误信息:

import {enableProdMode} from '@angular/core';＾＾＾＾＾＾SyntaxError:不能在模块外使用import语句

在我添加"type"; "module"到包裹上。json文件。

当我尝试使用。mjs扩展替换main。它的文件到主。MJS文件并将以下内容添加到包中。json文件:

"jest": {
"preset": "ts-jest/presets/default-esm",
"globals": {
"ts-jest": {
"useESM": true
}
},
"moduleNameMapper": {
"^(\.{1,2}/.*)\.js$": "$1"
}

}

我得到以下错误:

Error [ERR_REQUIRE_ESM]: Must use import to load ES Module.

我package.json:

{
"name": "desktop-app",
"version": "0.0.0",
"main": "main.ts",
"type": "module",
"scripts": {
"ng": "ng",
"start": "electron .",
"build": "ng build",
"watch": "ng build --watch --configuration development",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"electron": "electron",
"start:electron": "ng build --base-href ./ && electron ."
},
"private": true,
"dependencies": {
"@angular/animations": "~12.2.0",
"@angular/common": "~12.2.0",
"@angular/compiler": "~12.2.0",
"@angular/core": "~12.2.0",
"@angular/forms": "~12.2.0",
"@angular/platform-browser": "~12.2.0",
"@angular/platform-browser-dynamic": "~12.2.0",
"@angular/router": "~12.2.0",
"babel-preset-env": "^1.7.0",
"path-browserify": "^1.0.1",
"rxjs": "~6.6.0",
"tslib": "^2.3.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "~12.2.9",
"@angular/cli": "~12.2.9",
"@angular/compiler-cli": "~12.2.0",
"@babel/core": "^7.15.8",
"@babel/node": "^7.15.8",
"@babel/preset-env": "^7.15.8",
"@types/jasmine": "~3.8.0",
"@types/node": "^12.20.33",
"electron": "^15.2.0",
"jasmine-core": "~3.8.0",
"karma": "~6.3.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.0.3",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "~1.7.0",
"nodemon": "^2.0.14",
"typescript": "~4.3.5"
},
"browser": {
"fs": false
}
}

我tsconfig.json:

/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"forceConsistentCasingInFileNames": true,
"strict": true,
"noImplicitReturns": true,
"noFallthroughCasesInSwitch": true,
"sourceMap": true,
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"moduleResolution": "node",
"importHelpers": true,
"target": "es2017",
"module": "es2015",
"lib": [
"es2018",
"dom"
],
"paths": {
"path": ["./node_modules/path-browserify"]
},
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
},
"angularCompilerOptions": {
"enableI18nLegacyMessageIdFormat": false,
"strictInjectionParameters": true,
"strictInputAccessModifiers": true,
"strictTemplates": true
}
}

my files list

我能做些什么来修复它?请帮助!谢谢你的回复。

Answer 1

所以，我创建了一个新文件- main.js -不管main。SRC文件夹的Ts文件，把电子代码放在这里。把他们联系起来是错误的。JS和TS之间没有冲突