vue3和ts项目错误提示：未从源文件“XXXX.ts“生成输出文件解决办法

野性酷女 2023-10-10 19:56 13阅读 0赞

在学习Vue3的过程中，从别的ts文件引入到vue中的时候，提示一个错误：

![d0216da4417a45c3a466453dc094c7a2.png][]

修改tsconfig.json的配置，可用的配置：

{
      "files": [],
      "include": [
        "src/**/*.ts",
        "src/**/*.d.ts",
        "src/**/*.tsx",
        "src/**/*.vue",
        "*.ts"
      ],
      "references": [{ "path": "./tsconfig.node.json" }],
      "compilerOptions": {
        "types": ["element-plus/global"],
        "target": "esnext",
        "module": "esnext",
        "useDefineForClassFields": true,
        "moduleResolution": "node",
        "strict": true,
        "jsx": "preserve",
        "sourceMap": true,
        "skipLibCheck": true,
        "resolveJsonModule": true,
        "esModuleInterop": true,
        "lib": ["esnext", "dom"],
        "baseUrl": "./",
        "paths": {
          "@": ["src"],
          "@/*": ["src/*"]
        }
      }
    }

修改完之后记得保存，或者重新打开Vscode即可：错误提示就没有了

![98f5afb302a34156b76ed2c5222c4fbe.png][]

或者是使用Webstorm打开项目，就没有这个提示：![b66839ca1f02437798abc04526301540.png][]

[d0216da4417a45c3a466453dc094c7a2.png]: https://img-blog.csdnimg.cn/d0216da4417a45c3a466453dc094c7a2.png
[98f5afb302a34156b76ed2c5222c4fbe.png]: https://img-blog.csdnimg.cn/98f5afb302a34156b76ed2c5222c4fbe.png
[b66839ca1f02437798abc04526301540.png]: https://img-blog.csdnimg.cn/b66839ca1f02437798abc04526301540.png

发表评论取消回复

表情：

评论列表（有 0 条评论，13人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java文件输入/输出错误解决办法

在Java编程中，文件输入/输出（File I/O）是常见的操作。然而，如果出现错误，可以按照以下步骤进行解决： 1. **检查异常**：任何I/O操作都有可能出现异常。通过

快来打我*/ 2024年12月05日 00:15/ 0 赞/ 36 阅读

相关 ts文件中引用vue文件报错解决办法

在 vite-env.d.ts 文件中或者自创个ts文件在该文件中写入以下代码 declare module '.vue' {

左手的ㄟ右手/ 2024年03月24日 18:04/ 0 赞/ 93 阅读

相关 vue3+ts：shims-vue.d.ts

一、本文引子 uniapp（3.8.4.20230531）+ vue3 + ts + vite 项目在搭建这个base项目的时候出现红素波浪线如图，代码运行正常，但是看起

男娘i/ 2024年03月16日 19:29/ 0 赞/ 81 阅读

相关 vue3+ts创建前端blog项目

vue3创建blog项目 cmd 创建 Manually select features Choose Vue version

ゝ一纸荒年。/ 2023年10月16日 17:20/ 0 赞/ 55 阅读

相关 vue3和ts项目错误提示：未从源文件“XXXX.ts“生成输出文件解决办法

在学习Vue3的过程中，从别的ts文件引入到vue中的时候，提示一个错误： ![d0216da4417a45c3a466453dc094c7a2.png][] 修改tsco

野性酷女/ 2023年10月10日 19:56/ 0 赞/ 14 阅读

相关 vue中ts无法识别引入的vue文件，提示找不到xxx.vue 模块解决办法

在vue + ts项目中，在.ts中引入.vue文件，会提示打不到module，但是编译可能成功，运行也不报错在src根目录下，新建一个sfc.d.ts文件这个里面的

青旅半醒/ 2023年01月08日 08:13/ 0 赞/ 155 阅读

相关 Vue3+TS+Vite+elementPlus项目搭建

0 - 0 - 项目地址 https://gitee.com/wswhq/vue3-element-plus-vite2-updating.git [Vue3-El

梦里梦外;/ 2022年10月09日 14:29/ 0 赞/ 358 阅读

相关 Vue3 + Ts + ElementPlus 简易项目搭建

初始化项目如果不是最新的脚手架，就需要重新安装一下了：脚手架用的是`vue-cli ，在安装新版vue-cli时，先删掉旧版的依赖，不然报错，删掉@vue` `位置C

╰+哭是因爲堅強的太久メ/ 2022年10月07日 12:55/ 0 赞/ 250 阅读

相关 PKG_CONFIG_PATH错误提示解决办法

linux里的解决办法，留着做参考 http://forum.ubuntu.org.cn/viewtopic.php?f=33&t=118762 为什么我还

超、凢脫俗/ 2022年05月21日 08:05/ 0 赞/ 745 阅读

相关 avi 生成 m3u8/ts 文件

使用ffmpeg ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubm

╰半橙微兮°/ 2022年04月22日 15:04/ 0 赞/ 373 阅读