首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从TS转到JS时,WebStorm错误地将源文件标记为排除

是指在使用WebStorm进行开发时,当将TypeScript(TS)文件转换为JavaScript(JS)文件时,WebStorm错误地将源文件标记为排除,导致无法正确识别和编译该文件。

解决这个问题的方法是:

  1. 检查WebStorm的设置:首先,确保WebStorm的设置中没有将该文件或文件夹标记为排除。可以通过打开WebStorm的设置(Preferences)窗口,然后导航到"Languages & Frameworks" -> "JavaScript" -> "Libraries",确保没有将相关文件或文件夹标记为排除。
  2. 检查文件类型:确认文件的扩展名是否正确。在TypeScript转换为JavaScript时,文件的扩展名应该从.ts更改为.js。确保文件的扩展名正确,以便WebStorm能够正确地识别和编译该文件。
  3. 清除缓存:有时候WebStorm可能会缓存一些设置或文件信息,导致错误地将源文件标记为排除。尝试清除WebStorm的缓存,可以通过选择"File" -> "Invalidate Caches / Restart"来进行操作。
  4. 更新WebStorm版本:如果以上方法都没有解决问题,可以尝试更新WebStorm到最新版本。新版本通常会修复一些已知的问题和错误。

总结起来,解决WebStorm错误地将源文件标记为排除的问题,可以通过检查WebStorm的设置、确认文件类型、清除缓存或更新WebStorm版本来解决。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Cocos Creator基础教程(9)—优化代码编辑器

排除干扰文件 我们知道Cocos Creatror会为项目资源文件生成同名的meta文件,在代码编辑器中很是碍眼,而且也不能更改里面的内容,严重干扰我们在代码编辑器中浏览文件,请看下图: ?...除了过虑meta文件外,同时把git、svn和Cocos Creator的临时目录出排除了,这样可以通过ctrl+p/cmd+p在编辑器中快速准确定位文件。...Webstorm 接下来我们看在Webstorm中怎么排除干扰文件,先在Webstorm中打开Cocos Creator项目,使用快捷键ctrl+,/cmd+,打开Preferences窗口,在左上角过滤框输入...Webstorm Webstorm除了像上述安装creator.d.ts文件外,还需要设置JavaScript语法为ES6,不然你可能会在IDE中看看到一大片红色的语法错误。...小结 代码编辑器是程序员的一把利剑,本篇介绍在VSCode和Webstorm中如何排除干扰文件、优化代码提示,以提高开发效率。细心觉察开发过程中影响效率的地方,从小事做起,享受编程带来的乐趣吧!

1.8K50

WebStorm for Mac(JavaScript开发工具)中文版

WebStorm的新重构和意图(Alt-Enter)可以帮助您轻松解构引入 JavaScript或TypeScript代码。...现在,您可以跳到步骤.feature文件 到它们的定义中 的.ts文件中使用速战速决(和产生缺定义Alt-Enter组合)。...完成npm脚本新脚本添加到package.json文件WebStorm现在会为已安装的软件包提供的可用命令提供建议。键入后 node,IDE将建议文件夹和文件名。...支持Docker Compose如果使用Docker测试Node.js应用程序,现在可以使用Docker Compose文件中描述的配置IDE 轻松运行和调试应用程序。...您可以开始键入以过滤结果并跳转到您需要的代码。项目另存为模板通过“ 工具”菜单中的新操作“ 另存为模板 ” ,您现在可以使用项目作为在IDE欢迎屏幕上创建新项目的基础。

4.9K50
  • Visual Studio Code1.67版本已正式发布,新增Rust指南

    默认配置为 TypeScript 和 JavaScript 项目提供了智能嵌套 默认配置: 嵌套在index.ts,当文件与目录名匹配(index.ts": "${dirname}.ts")...单击该按钮显示一个过滤器列表,您可以将其应用到搜索查询中,以便过滤结果 设置编辑器语言筛选指示器 设置编辑器语言过滤器现在会更改作用域文本,以便在应用语言过滤器更清楚显示所作用的语言 作为参考,....NET 生产力 源文件导航功能,如果引用程序集具有嵌入的源代码或源链接,现在嵌入的源代码和源链接显示为 “转到定义” 的一部分。...这意味着可以导航到声明目标符号的原始源文件光标放在一个符号上,然后按 F12 即可导航到原始源文件。...默认情况下,如果解决方案复制一个堆栈跟踪,然后焦点切换到 “堆栈跟踪资源管理器” 窗口,随即将自动显示该堆栈跟踪。

    34330

    WebStorm 2020.3新版:增强Vue支持,新增交互提示与嵌入式监视

    WebStorm是一款深受广大程序员喜爱的 JavaScript 开发和Web前端开发工具,完美适应各种复杂客户端开发和Node.js的服务器端开发。...调试的交互式提示和嵌入式监视 你可能已经知道,当执行在断点上停止WebStorm会向你显示提示,并在变量的用法旁边显示其值。为了使这些提示更加有用,我们引入了一些改进。...当您单步执行代码并移至其他上下文,Watches可能会变成错误。 尽管您仍然可以通过这种方式添加watches,但是在v2020.3中,我们通过添加嵌入式Watches解决了上述问题。...使WebStorm默认打开特定文件 v2020.3开始,使WebStorm成为打开特定文件类型的默认应用程序变得更加容易。...升级到较新版本的IDE,所选文件扩展名关联保持不变。 今天的内容就到这里,如果你想了解更多功能以及文章教程,点击免费获取!

    4.3K10

    模块解析机制_TypeScript笔记14

    运行时的模块解析机制,以便在编译找到模块的定义文件 具体的,会把 TypeScript 源文件后缀名加到 NodeJS 的模块解析逻辑上,还会通过package.json中的types字段来查找声明文件...|d.ts 与 NodeJS 查找逻辑几乎一致,只是会额外地node_modules/@types里寻找d.ts声明文件 三.附加模块解析标记 构建时会把.ts编译成.js,并从不同的源位置把依赖拷贝到同一个输出位置...因此,在运行时模块可能具有不同于源文件的命名,或者编译最后输出的模块路径与对应的源文件不匹配 针对这些问题,TypeScript 提供了一系列标记用来告知编译器期望发生在源路径上的转换,以生成最终输出...可以通过exclude选项排除某些文件(黑名单),或者用files选项指定想要编译的源文件(白名单) 此外,编译过程中遇到被引入的模块,也会被添加进来,无论是否被 exclude 掉。...因此,要在编译彻底排除一个文件的话,除了exclude自身之外,还要把所有引用到它的文件也都排除掉 参考资料 Module Resolution

    1.7K30

    「译」面向 JavaScript 开发人员的 TSConfig 简介

    只需创建一个 .ts 文件并运行 deno run yourfile.ts 即可。 JS 到 TSTypeScript 构建在 JavaScript 之上。...在使用 ESM 和 CJS 模块的 TypeScript 项目中工作 esModuleInterop 设置为 true 确保 TypeScript 以一种方式处理导入和导出。...sourceRoot – 指定调试器在调试应该在何处定位 TypeScript 文件,而不是源位置。如果运行时的源文件位置与设计时不同,使用此标志。指定的位置将被嵌入到源映射中,以引导你的调试器。...如果没有指定 include,TypeScript 默认项目目录中的所有 .ts、.tsx 和 .d.ts 文件纳入编译。...exclude – 此设置指定 TypeScript 应该编译过程中排除的文件路径或通配模式数组(即使它们与 include 设置中指定的模式匹配)。

    10310

    vscode html注释快捷键_史上最全vscode配置使用教程

    但前端开发工具数不胜数,像HBuilder、Sublime Text、WebStorm、Visual Studio Code……等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统,独受前端工师的青睐...每次保存的时候自动格式化; "editor.formatOnSave": false, //每120行就显示一条线 "editor.rulers": [ ], // 在使用搜索功能这些文件夹.../文件排除在外 "search.exclude": { "**/node_modules": true, "**/bower_components": true...": { "when": "$(basename).ts" //ts编译后生成的js文件将不会显示在工作空中 }, "**/node_modules...End 光标跳转到行尾 Ctrl + Home 跳转到页头 Ctrl + End 跳转到页尾 Ctrl + Shift + [ 折叠区域代码 Ctrl + Shift + ] 展开区域代码 Ctrl

    1.5K20

    TypeScript 4.2 正式发布:更智能的类型别名保留,声明缺失的帮助函数,还有许多破坏性更新

    当用一个或多个组合类型创建组合类型,它总是这些类型规范化为一个扁平的组合类型——但这样做会丢失信息。...为了更容易读取,你可以输出转到一个文件,或者通过管道将其传输到一个可以轻松查看它的程序。...由于 Alex Tarasyuk 的另一个拉取请求,你现在可以通过在解构变量前增加一个下划线(_字符),来解构变量标记为未使用。.../foo.js" import { Foo } from "./foo.d.ts"; 相反,导入路径应该反映加载程序在运行时执行的操作。可以使用以下任何一种导入。.../foo.js"; import { Foo } from "./foo/index.js"; 还原模板字面推断 此更改 TypeScript 4.2 beta 中删除了一个功能。

    3.2K20

    WebStorm 自动识别 Webpack 的 alias 配置

    我们都经常遇到这个情况,在 Web 项目目录结构划分得细致之后,某个子组件引用公共模块,如果使用准确的相对路径,路径可能会变得相当长: ├── common │ └── net.js └── pages.../common/net.js' 某些情况还需要写好几个 ../,而且一旦某些逻辑分离成单独组件,放在了不同层级深度的目录里,这些路径代码就得一一修复引用。...补充了 default 的情况后,WebStorm 的输出窗口里不再提示 default 异常,但还是提示了另一个错误。...不过从错误信息的变化看来,WebStorm 对于 Webpack 配置文件的解析不像是静态解析,更可能是后台执行了一遍 webpack.confi.js,然后取了返回结果。... WebStorm 检测时的 process.env 打印到文件内,对比正常启动任务和 WebStorm 检测的不同环境变量,针对后台检测时做好跳过处理后,终于项目里也能正常检测到定义的 alias

    2.1K20

    去除typescript代码类型

    在短时间内有一个需求,原项目代码是 js,而我手里头的功能代码是 ts 的,需要将其合并。 按照以往,我通常会将 js 改写成 ts,但时间方面有限,就采取js的方式。...因此希望 ts 代码转换为存 js 代码,只需要把 ts 中的类型直接删除即可,也就是标题所表明的意思。以下在线转化工具能够做到。...但不代表ts-node等于 ts 版的 Node.js,本质上 Node.js 只是 JavaScript 的运行时环境,而 Deno 确实可以直接运行 TypeScript。...抛出错误 "noUnusedParameters": true, // 有未使用的参数,抛出错误 "noImplicitReturns": true, // 并不是所有函数里的代码都有返回值..."test.ts"], // 另一个配置文件里继承配置 "extends": "@tsconfig/recommended", // 让 IDE 在保存文件的时候根据 tsconfig.json

    2.6K10

    如何Node.js库转换到Deno

    /std@0.114.0/node/util.ts"; export {path, util, crypto}; 当需要使用Node.js的特定功能,直接adapter.node.ts导入这些功能...通过这种方式,可以通过简单所有adapter.node.ts导入重写为adapter.deno.ts即可使edgedb-js兼容Deno。...包括添加.ts扩展名和目录导入添加/index.ts adapter.node.ts的导入替换成adapter.deno.ts的导入 注入Node.js全局变量(如process和Buffer...虽然可以简单适配器导出这些变量,但我们必须重构Node.js文件以显式导入它们。...首先检查路径是否对应于实际文件;如果失败了会尝试添加.ts;如果再失败则尝试添加/index.ts;如果再失败则抛出一个错误。 注入Node.js全局变量 最后一步是处理Node.js全局变量。

    2.4K30

    使用Vue3重构vue2项目

    后缀改成js后,文件是不报错404了,但是又有了新的错误。 vite服务500和@别名无法识别,于是我打开ide的控制台看了错误,大概是scss的错,vite还没支持scss。...解决报错问题 在浏览CLI默认创建的demo,打开main.js文件发现其中App.vue文件报类型错误,无法推导出具体的类型。...当需要特殊请求头特殊请求头作为参数传入,覆盖基础配置 } } }; /** * 请求失败后的错误统一处理,当然还有更多状态码判断,根据自己业务需求去扩展即可 * @param status...组件优化 接下来,我们login.vue组件开始重构,看看都做了哪些优化。 创建type文件夹,文件夹内创建ComponentDataType.ts组件中用到的类型指定放在其中。...,他报错了,webstorm可能对vue3的适配不是很好,他的报错很奇怪,如下所示 image-20201018225114933 一开始,我看到这个错误我是一脸懵逼的,一个朋友告诉我用排除法,注释下距离它最近的代码

    2.3K20

    使用 Vue3 重构 Vue2 项目(长文)

    后缀改成js后,文件是不报错404了,但是又有了新的错误。 ? vite服务500和@别名无法识别,于是我打开ide的控制台看了错误,大概是scss的错,vite还没支持scss。 ?...解决报错问题 在浏览CLI默认创建的demo,打开main.js文件发现其中App.vue文件报类型错误,无法推导出具体的类型。 ?...当需要特殊请求头特殊请求头作为参数传入,覆盖基础配置 } } }; /** * 请求失败后的错误统一处理,当然还有更多状态码判断,根据自己业务需求去扩展即可 * @param status...组件优化 接下来,我们login.vue组件开始重构,看看都做了哪些优化。 创建type文件夹,文件夹内创建ComponentDataType.ts组件中用到的类型指定放在其中。...image-20201018225114933 一开始,我看到这个错误我是一脸懵逼的,一个朋友告诉我用排除法,注释下距离它最近的代码,看看是否会报错,于是找到了问题根源,就是上面的类型断言的锅,将它修改后

    2.7K20

    0 开始手把手带你搭建一套规范的 Vue3.x 工程化项目

    查看 Node.js 版本: node -v 建议 Node.js 升级到最新的稳定版本: # 使用 nvm 安装最新稳定版 Node.js nvm install stable 使用 Vite 快速初始化项目雏形...配置好以后,我们在 VSCode 或 WebStorm 等编辑器中开启 ESLin,写代码,ESLint 就会按照我们配置的规则来进行实时代码检查,发现问题会给出对应错误提示和修复方案。...WebStorm ? 虽然,现在编辑器已经给出错误提示和修复方案,但需要我们一个一个去点击修复,还是挺麻烦的。...image 上面这个 pre-commit hook 文件的作用是:当我们执行 git commit -m "xxx" ,会先对 src 目录下所有的 .vue、.js、.ts 文件执行 eslint...现在我们提交代码就会变成这样: 假如我们修改了 scr 目录下的 test-1.js、test-2.ts 和 test-3.md 文件,然后 git add .

    6.2K62

    TS】612- 了不起的 tsconfig.json 指南

    // 源文件 */ $ tsc --outFile leo.js --target es3 --module amd index.ts 但如果实际开发的项目,很少是只有单个文件,当我们需要编译整个项目...指定需要编译的目录 在不指定输入文件的情况下执行 tsc 命令,默认当前目录开始编译,编译所有 .ts 文件,并且当前目录开始查找 tsconfig.json 文件,并逐级向上级目录搜索。...当入口文件依赖其他文件,不需要将被依赖文件也指定到 files 中,因为编译器会自动所有的依赖文件归纳为编译对象,即 index.ts 依赖 user.ts ,不需要在 files 中指定 user.ts.../app.js", // 多个相互依赖的文件生成一个文件,可以用在AMD模块中,即开启应设置"module": "AMD", "lib": ["DOM", "ES2015", "ScriptHost...使用 --noImplicitThis 配置项: 在 TS2.0 还增加一个新的编译选项: --noImplicitThis,表示当 this 表达式值为 any 类型生成一个错误信息。

    2K30
    领券