webstorm与ant其中所遇到的问题

对于怎么样搭建环境等，就不多说了，按照步骤一步步进行。

环境搭建：https://blog.****.net/u012907049/article/details/72764151

配置+编写主页：https://blog.****.net/u012907049/article/details/73240865

注册webstorm，我使用的地址：http://www.98key.com/idea?sub=webstorm

按照步骤编写完代码时，遇到的问题：

项目架构

第一个问题：无package.json，查看这个路径：C:\Users\用户名 下只有package-lock.json

解决方法：

        npm init --yes
        可以查看C:\Users\用户名 路径下有package.json

 

第二个问题：npm start时，抛出 C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2019-11-05T07_16_34_457Z-debug.log 

解决方法：

       步骤：

                1.找到真正的项目

                2.右键

                     

                   3.输入npm install （批量安装依赖）

                   4.输入npm install antd --save 安装antd

 

第三个问题：npm start时抛出： JAVA_HOME is incorrectly set Please. update D:\SoftWare\hadoop-2.6.0\conf\hadoop-env.cmd

解决方法：

       步骤：

               1.确定Hadoop已经添加至系统变量中

               2.找到本地放置Hadoop包，进入D:\Hadoop\etc\hadoop，找到hadoop-env.cmd文件

               3.将JAVA_HOME修改为jdk的完整路径，其中将Program Files 修改为PROGRA~1

 

第四个问题：编写页面时，抛出 'React' must be in scope when using JSX 

 解决方法：

                 必须引入react  >   import React from 'react';

 

 

编写页面注意事项，ReactDOM.render(内容, id);    其中的 id  =  document.getElementById('root')   

Ctrl + s  会自动编译，浏览器地址为：http://localhost:3000

 

进行练习时，可查看ant文档，地址：https://ant.design/docs/react/introduce-cn