【问题标题】:Webstorm 11 'cannot resolve' warnings with folder imports带有文件夹导入的 Webstorm 11“无法解决”警告
【发布时间】:2016-04-16 14:55:37
【问题描述】:

我刚刚克隆了 Angular 2 Webpack Starter,并在 WebStorm 11 中进行了尝试。

它大部分都有效,但 WebStorm 抱怨并在一些模块导入名称下划线。

例如,在app.component.ts 中,import {Home} from './home'; 中的{Home} 带有红色下划线。

当我将鼠标悬停在带下划线的模块名称时,它显示为:Cannot resolve symbol 'Home'

如果我将'./home' 替换为'./home/index',那么下划线就会消失。


我是否必须在所有模块名称中添加“/index”,或者有没有办法告诉 WebStorm 不要担心?

【问题讨论】:

  • 对不起,只是为了确定:你的意思是我是在 mac 上还是在 linux 上?或者如果你的意思是 webpack 配置,它是从 repo 克隆的 angular2-webpack-starter
  • @PankajParkar 我可能错了,但我认为 Webpack 是 system.js 的替代品;那么可能没有任何system.config。我在这个网址找到了样板:github.com/AngularClass/angular2-webpack-starter;将其添加到帖子中...
  • 你是对的.. webpack 本身就是模块加载器.. 我的错 :(
  • 不用担心。一定是某种 WebStorm 目录路径配置问题,似乎无法识别节点样式路径
  • 能否提供错误信息?

标签: angular webpack webstorm


【解决方案1】:

解决从文件夹导入的问题 (WEB-19421) 在 WebStorm 2016 中已修复。 请注意,它仅适用于相对于当前文件的路径。不支持特定于 Webpack 的路径映射(请参阅 WEB-17533 和链接的票证)

【讨论】:

  • 很高兴知道,肯定会考虑更改/升级软件...但与此同时,使用 WebStorm 11,正在调整 'Editor > Inspections > TypeScript > Validate imports' 要走的路?
  • 是的,您可以使用 //noinspection TypeScriptCheckImport 禁用此检查或禁止导入
  • 谢谢,我已将您的 WebStorm 11 调整包含在我的(相当长的)答案中
【解决方案2】:

解决此问题的最佳方法是... upgrade to WebStorm 2016


与此同时,您可以在 WebStorm 11 中采取一些临时措施来保护您的眼睛:

weak warning

将错误的严重性更改为Weak Warning

这将以不那么激进的方式显示错误,同时保持Validate Imports 选项打开。

有关禁用验证导入的更多信息:disable inspections in WebStorm


disable this inspectionsuppress it for current import(针对 WebStorm 11 的调整由 IntelliJ 支持团队提供)

一个可以“ disable this inspectionsuppress it for current import

Alt+Enter,点击Right,然后选择Disable inspectionSuppress for statement "

因此您仍然会收到红色警告,但您可以选择性地处理不相关的警告(来自文件夹导入的警告)

---------

相关信息

关于 TypeScript 如何解析模块:

" /root/src/moduleA.ts 中的 import { b } from "./moduleB" 之类的导入语句将导致尝试在以下位置查找“./moduleB”:

  • /root/src/moduleB.ts
  • /root/src/moduleB.ts
  • /root/src/moduleB.tsx
  • /root/src/moduleB.d.ts
  • /root/src/moduleB/package.json(如果它指定了“typings”属性)
  • /root/src/moduleB/index.ts
  • /root/src/moduleB/index.tsx
  • /root/src/moduleB/index.d.ts "

http://www.typescriptlang.org/docs/handbook/module-resolution.html

【讨论】:

    猜你喜欢
    • 2017-04-11
    • 1970-01-01
    • 2022-08-09
    • 2018-11-26
    • 2020-08-05
    • 1970-01-01
    • 1970-01-01
    • 2022-08-05
    • 1970-01-01
    相关资源
    最近更新 更多