Question

/ *向所有人致以问候;我希望得到一些关于我出口默认＆＃39;的问题的帮助。构建反应应用程序时Webstorm上的模块。

重新创建问题的背景：完成创建React应用程序的步骤之后：[1]：npm install -g create-react-app [2]：create-react-app hello_world [3]：cd hello_world [4] npm start

//一切正常。 * / - 在Webstorm 2017.2.5中打开项目文件夹 - 导航到src文件夹并打开App.js文件 - 观察最后一行代码：＆＃39;导出默认应用程序＆＃39; //全部都是有效的和工作。意味着，在ES6中启用了JSX语法。 - 在同一个src文件夹中创建一个新的JS文件并填写以下（只是快速测试。使用的classNames仅用于演示）：

1   import React, { Component } from 'react';
2   import logo from './logo.svg';
3   import './App.css';

4    class Output extends Component {
5        render() {
6            return (
7                <div className="output">
8                    <header className="output-header">
9                        <img src={logo} className="output-logo" alt="logo" />
10                           <h3 className="output-title">Welcome to React</h3>
11                    </header>
12                    <p className="output-intro">
13                        To get started, edit <code>src/Output.js</code> and 
                          save to reload.
14                    </p>
15                </div>
16            );
17        }
18    }
19    export default Output; // this is where I am having the challenge. 
  Webstorms error highlighting says: 'Unused default export'

我尝试通过以下方式将Output.js文件导入App.js文件： import Output from './Output'; //问题仍然存在。
我也试过用另一个编辑器（Atom）做同样的事情，并且效果很好。问题解决了。
在查看这个问题之后，我遇到了类似的东西[这里] [1]，但没有解决方案。

如何在Webstorm上解决此问题？

＆＃39;导出默认＆＃39;在webstorm 2017.2.5 for React App + JSX

0 个答案: