找不到模块“./App.svelte”或其相应的类型声明

Question

我有一个集成了 electron 和 svelte 以及 typescript 支持的设置。

当我运行rollup脚本来编译 svelte 应用程序时，出现无法找到模块./App.svelte错误，如下所示。

Plugin typescript: @rollup/plugin-typescript TS2307: Cannot find module './App.svelte' or its corresponding type declarations.

这是我的package.json配置：

{

  "name": "tapwire-electron-first",

  "productName": "tapwire-electron-first",

  "version": "1.0.0",

  "description": "My Electron application description",

  "main": "dist/index.js",

  "scripts": {

    "electron-start": "tsc && electron-forge start",

    "electron-package": "electron-forge package",

    "electron-make": "electron-forge make",

    "electron-publish": "electron-forge publish",

    "electron-lint": "eslint --ext .ts .",

    "svelte-build": "rollup -c",

    "svelte-dev": "rollup -c -w",

    "svelte-start": "sirv public",

    "svelte-validate": "svelte-check",

    "start": "run-p svelte-dev electron-start"

  },

  "keywords": [],

  "author": {

    "name": "nateshmbhat",

  },

  "license": "MIT",

  "config": {

    "forge": {

      "packagerConfig": {},

      "makers": [

        {

          "name": "@electron-forge/maker-squirrel",

          "config": {

            "name": "tapwire_electron_first"

          }

        },

        {

          "name": "@electron-forge/maker-zip",

          "platforms": [

            "darwin"

          ]

        },

        {

          "name": "@electron-forge/maker-deb",

          "config": {}

        },

        {

          "name": "@electron-forge/maker-rpm",

          "config": {}

        }

      ]

    }

  },

  "devDependencies": {

    "@electron-forge/cli": "^6.0.0-beta.53",

    "@electron-forge/maker-deb": "^6.0.0-beta.53",

    "@electron-forge/maker-rpm": "^6.0.0-beta.53",

    "@electron-forge/maker-squirrel": "^6.0.0-beta.53",

    "@electron-forge/maker-zip": "^6.0.0-beta.53",

    "@rollup/plugin-commonjs": "^15.1.0",

    "@rollup/plugin-node-resolve": "^9.0.0",

    "@rollup/plugin-typescript": "^6.0.0",

    "@types/node": "^14.11.2",

    "@typescript-eslint/eslint-plugin": "^2.34.0",

  },

Answer 1

结果我必须@tsconfig/svelte先安装为开发依赖项，然后用我的扩展它，tsconfig.json如下所示：安装@tsconfig/sveltenpm i --save-dev @tsconfig/svelte将此 tsconfig 添加为您的基本配置文件tsconfig.json：{   "extends": "@tsconfig/svelte/tsconfig.json", }

Answer 2

我这边的罪魁祸首是陈旧的global.d.ts。我已经/// <reference types="@sveltejs/kit" />设置好，但正试图将项目更改为香草 Svelte。将其固定为 have/// <reference types="svelte" />就可以了。

Answer 3

这个文件应该可以作为一个基本的 shim：// svelte-shim.d.tsdeclare module "*.svelte" {    import type { ComponentType } from "svelte";    const component: ComponentType;    export default component;}这实质上告诉 TypeScript，它不知道如何处理的任何 .svelte 文件都应该作为 Svelte 组件读取。您不会获得他们导出的任何道具或方法，但如果您只需要使用他们的基本ComponentType界面，这应该可以正常工作。

Answer 4

使用react-ts_tsc我不得不删除以下行tsconfig.json"skipLibCheck":&nbsp;false,