使用ES6`import`语法时"无法解析符号"

Question

这里给出一个示例,说明如何从模块导入某些类:

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

我在设置 React 项目时遇到了这个问题，我所做的就是下载导入的打字稿定义，在我的情况下只是搜索react.

可以在webstorm 的帮助页面上找到将库添加到您的项目的说明。

Answer 2

我认为它是由PHPStorm引起的.导入CommonJS模块时,IDE无法understand使用import语法.

我在使用WebStorm 2016.1.2时也收到了这个警告.

以react与react-router如实施例:

• react 是一个使用ES5语法开发的CommonJS模块;
• react-router 是用ES2015语法开发的,由Babel编译.

WebStorm 2016.1.2可以解析模块Link导出react-router,但无法解析模块createClass导出react.

更新:

browser-sync是一个用ES5开发的CommonJS模块.但它在WebStorm上运行良好,WebStorm可以解析所有导出的API browser-sync.

令我感到困惑的是,WebStorm无法解析react导出的API.