使用ES6`import`语法

Question

Here给出一个例子如何从一个模块中导入特定的类时“无法解析符号”：

import {ModalContainer, ModalDialog} from 'react-modal-dialog'; 

然而，PhpStorm（最新EAP）给我一个错误：

我与npm install react-modal-dialog安装的包，它是存在于node_modules。

等效的var {ModalContainer, ModalDialog} = require('react-modal-dialog');工作正常。

Answer 1

我认为这是由PHPStorm引起的。导入CommonJS模块时，IDE不能使用understand的import语法。

我也在使用WebStorm 2016.1.2时得到了这个警告。

以react和react-router为例如：

• react是CommonJS的模块，与ES5语法开发;
• react-router是用ES2015语法开发的，由Babel编译。

WebStorm 2016年1月2日可以解决Link通过react-router模块出口，但不能解决createClass通过react模块导出。

更新：

browser-sync是ES5开发的CommonJS的模块了。但它在WebStorm上运行良好，WebStorm可以解析由browser-sync导出的所有API。

让我感到困惑的是，WebStorm无法解析react导出的API。

Answer 2

我建立一个阵营项目时遇到的这一点，我所做的只是下载导入的打字稿定义，于我而言只是搜索react。

有关添加库到您的项目可以在webstorm's help page找到。