Webstorm 11'无法通过文件夹导入

Question

我刚刚克隆了 Angular 2 Webpack Starter ，并在WebStorm 11中尝试过。

它主要起作用，但WebStorm会抱怨并强调一些模块导入名称。

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

当我将带下划线的模块名称悬停时，它显示为：Cannot resolve symbol 'Home'

如果我将'./home'替换为'./home/index'，则下划线会消失。

我是否必须在所有模块名称中添加'/ index'，还是有办法告诉WebStorm不要担心？

Answer 1

解决此问题的最佳方法是...... https://jsfiddle.net/gLxefxbf/2/

与此同时，您可以采用WebStorm 11中的一些临时措施来饶舌：

  

<强> _id

upgrade to WebStorm 2016

将错误的严重性更改为thing。

这将以较不激进的方式显示错误，同时保持weak warning选项。

有关禁用验证导入的详细信息：

  

Weak Warning或Validate Imports（由IntelliJ支持团队提供的WebStorm 11调整）

一个人可以＆＃34; disable this inspection或suppress it for current import：

disable this inspection，点击suppress it for current import，然后选择Alt+Enter或Right ＆＃34;

所以你仍然会得到红色警告，但你可以选择性地对不相关的警告（来自文件夹导入的那些）进行操作

disable inspections in WebStorm

----------

相关信息

关于TypeScript如何解析模块：

＆＃34; 来自＆＃34; ./ moduleB ＆＃34;的导入语句，例如import {b}在/root/src/moduleA.ts中会导致尝试以下位置来定位＆＃34; ./ moduleB＆＃34;：

• /root/src/moduleB.ts
• /root/src/moduleB.ts
• /root/src/moduleB.tsx
• /root/src/moduleB.d.ts
• /root/src/moduleB/package.json（如果它指定＆＃34; typings＆＃34;属性）
• /根/ SRC /的 moduleB / index.ts
• /root/src/moduleB/index.tsx
• /root/src/moduleB/index.d.ts ＆＃34;

Answer 2

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