在 Visual Studio 代码中启动 Typescript 应用程序会引发错误 "Cannot find module 'electron'"

Question

尝试在 Visual Studio Code (vs code) 中启动 typescript 应用程序时出现错误 "Cannot find module 'electron'"。我要启动的项目是 black-screen，我从 github.

克隆了它

以下语句引发此错误：

import {ipcMain, nativeImage} from "electron";

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

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

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

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"
  }
}

.vscode/tasks.json 文件笔记。在终端中执行等效命令 "tsc --project src --moduleResolution node" 生成没有错误或警告的转译 js 代码。

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

.vscode/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"
        }
    ]
}

顺便说一句。项目结构是：

|.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

项目包含https://github.com/shockone/black-screen/blob/master/typings/main/ambient/github-electron/github-electron.d.ts and the module is declared : https://github.com/shockone/black-screen/blob/master/typings/main/ambient/github-electron/github-electron.d.ts#L1884

怀疑线路错误：

"args": ["--project", "src", "--moduleResolution", "node"],

更改为：

"args": ["-p", "./src"],

因为这在过去对我有用。

Answer 2

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

我发现了一个 Whosebug 问题和链接的博客 post 解决了这个问题 - /
http://www.mylifeforthecode.com/a-better-way-to-launch-electron-from-visual-studio-code/

将行 "runtimeExecutable": "${workspaceRoot}/node_modules/electron-prebuilt/dist/electron" 添加到我的 "launch.json" 文件中，在调试器启动之前启动电子。

我的最终 "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 的性能要慢得多，但这是我要解决的另一个问题:)

在 Visual Studio 代码中启动 Typescript 应用程序会引发错误 "Cannot find module 'electron'"

Launching Typescript app in Visual Studio Code throws error "Cannot find module 'electron'"

typescript

electron

visual-studio-code