在Visual Studio代码中启动Typescript应用程序时引发错误“找不到模块'Electon'”

Question

当试图在Visual Studio代码（vs代码）中启动typescript应用程序时，我得到的错误是“无法找到模块'Elector'”。我试图启动的项目是黑屏的，我从GitHub克隆出来的。

从“电子”导入{ipcMain,nativeImage}；

（在文件https://github.com/shockone/black-screen/blob/master/src/main/main.ts#l3的第3行）

我可以使用typescript-compiler(tsc)transpile应用程序，不会生成错误，并且可以在我期望的文件夹（src/bin/）中看到编译后的javascript。我也可以使用npm成功启动应用程序（“npm启动”）。

以下是相关的项目配置文件：

>

src/tsconfig.json

{
    "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "noImplicitAny": true,
    "removeComments": true,
    "preserveConstEnums": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "noEmitOnError": true,
    "pretty": true,
    "jsx": "react",
    "sourceMap": true,
    "outDir": "bin"
  }
}

{
    "version": "0.1.0",
    "command": "tsc",
    "isShellCommand": true,
    "showOutput": "silent",
    "args": ["--project", "src", "--moduleResolution", "node"],
    "problemMatcher": "$tsc"
}

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Black-Screen",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/src/main/Main.ts",
            "stopOnEntry": false,
            "cwd": "${workspaceRoot}/src",
            "sourceMaps": true,
            "outDir": "${workspaceRoot}/src/bin"
        }
    ]
}

|.vscode/
|-- launch.json
|-- tasks.json
|decorators/
|...
|node_modules/
|-- bin/
|-- abbrev/
|-- acorn/
|README/
|-- <image files>
|src/
|-- bin/
|-- main/
|---- Main.ts
|---- Menu.ts
|...
|-- tsconfig.json
|...
|stylesheets/
|...
|test/
|...
|typings/
|...
|.babelrc
|.gitignore
|.npmrc
|...
|gulfile.bable.js
|package.json
|...

Answer 1

我修复了调试器无法识别电子模块的错误。问题是由于电子应用程序在我的应用程序启动之前没有启动。

我发现了一个stackoverflow问题，并链接了解决这个问题的博客文章-用Visual Studio代码调试Electron-Atom脚本/
http://www.mylifeforthecode.com/a-better-way-to-launch-electron-from-visual-Studio-Code/

在我的“launch.json”文件中添加“runtimeexecutable”：“${workspaceRoot}/node_modules/electron-prebuilt/dist/electront”行，在调试器启动之前启动了电子。

我的最后一个“launch.json”文件是：

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Black-Screen",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/src/main/Main.ts",
            "stopOnEntry": false,
            "cwd": "${workspaceRoot}/src",
            "sourceMaps": true,
            "outDir": "${workspaceRoot}/src/bin",
            "runtimeExecutable": "${workspaceRoot}/node_modules/electron-prebuilt/dist/electron"
        }
    ]
}

调试器正在我设置的断点处停止。我注意到使用调试器electron的性能要慢得多，但这是我将解决的另一个问题：）