电脑中的环境要必备 node.js和yarn(需要将他们都添加到环境变量中,否则会报错)

1、在github上面拉取代码

$ git clone https://github.com/jetlinks/jetlinks-ui-antd.git
$ cd jetlinks-ui-antd
$ npm install
$ npm start # visit http://localhost:8000
如果你能正常的运行起来代码也就不需要往下面看看
=====================分割线========================

2、执行npm start 报错

错误内容为umi dev UMI_UI=none 说明环境中没有安装umi,

3、安装umi

  •  安装 yarn global add umi
  • 测试   umi 或者umi-v
  • 如果报错:'umi' 不是内部或外部命令,也不是可运行的程序 或批处理文件
  • 报错原因:没有配置环境变量,输入以下命令,会得到一个路径,把该路径添加到系统变量Path中

解决办法:执行 yarn global bin 将得到的地址放到环境变量中

  •  再次输入umi -vumi,有可能再次遇到问题,提示文件名、目录名或卷标语法不正确:
  •  报错原因:这个是路径的问题,执行 yarn global bin 会得到一个路径,进入bin目录下,找到umi.cmd,用记事本打开,内容如下:@"%~dp0\C:\Users\Administrator\AppData\Local\Yarn\Data\global\node_modules\.bin\create-umi.cmd" %*
  •  删掉  %~dp0\  符号,既:  @"C:\Users\Administrator\AppData\Local\Yarn\Data\global\node_modules\.bin\create-umi.cmd" %*

4、再次执行npm start

错误内容:fatal - Error: Cannot find module 'slash2'

解决方法:将node_modules删除,重新install一下

补充:

下载yarn时如果报错:error An unexpected error occurred: “https://raw.githubusercontent.com/eligrey/FileSaver.js/e865e37a

解决方法:在C:\Windows\System32\drivers\etc路径下找到hosts文件

添加 以下内容:199.232.68.133 raw.githubusercontent.com

报错:yarn : 无法加载文件 node\yarn.ps1;npm : 无法加载文件node\npm.ps1,因为在此系统中禁止执行脚本, 参考(http://www.liqingsong.cc/article/detail/20)

解决方法:

  • 首先以管理员的身份运行 VS Code .

  • 在终端执行 get-ExecutionPolicy,打印显示出 Restricted,表示禁止状态.

  • 接下来在终端执行 set-ExecutionPolicy RemoteSigned.

  • 在此输入 get-ExecutionPolicy查看,显示 RemoteSigned.


运行项目中还遇到一个小问题,已经记不清楚了,最终项目运动起来了,如果遇到报错,不要慌张慢慢一个一个解决
 

Jetlinks物联网基础平台 前端运行项目遇到的问题的更多相关文章

  1. 如何解决jeecgBoot前端运行项目之后无法获取验证码的问题

    我也是第一次接触这个开源项目,拿到项目之后,安装完环境和依赖,当我启动项目的时候,验证码却刷新不出来. 然后公司后端告诉我需要改两个接口,一个是public目录下的index.html和vue.con ...

  2. 基于SOA的组件化业务基础平台[转]

    转自https://www.ibm.com/developerworks/cn/webservices/1111_xiaojg_soa/index.html 业务基础平台是业务逻辑和基础架构平台之间的 ...

  3. Github开源项目(企业信息化基础平台)

    JEEPlatform 一款企业信息化开发基础平台,可以用于快速构建企业后台管理系统,集成了OA(办公自动化).SCM(供应链系统).ERP(企业资源管理系统).CMS(内容管理系统).CRM(客户关 ...

  4. SpringBoot开源项目(企业信息化基础平台)

    JEEPlatform 一款企业信息化开发基础平台,可以用于快速构建企业后台管理系统,集成了OA(办公自动化).SCM(供应链系统).ERP(企业资源管理系统).CMS(内容管理系统).CRM(客户关 ...

  5. 基于Abp React前端的项目建立与运行——React框架分析

    基于Abp React前端的项目建立与运行 目录 基于Abp React前端的项目建立与运行 1 Abp项目配置 2 运行WebApi后端项目 2.1 创建C3D数据库,并且将数据库对应链接字符串替换 ...

  6. 基于SaaS平台的iHRM项目的前端项目介绍

    1.下载安装node.js 访问https://nodejs.org/en/,然后下载安装即可 2. 查看是否安装成功 打开cmd命令行,输入node -v 如果出现对应的版本号,即为安装成功 3.从 ...

  7. ionic+vue+capacitor系列笔记--02项目中集成Capacitor,添加android,ios平台,真机运行项目

    Capacitor是什么? Capacitor是由ionic团队开发的一款跨平台移动应用构建工具,可轻让我们轻松的构建Android.iOS.Electron和Web应用程序. Capacitor是A ...

  8. 【JavaScript】直接拿来用!最火的前端开源项目(一)

    摘要:对于开发者而言,了解当下比较流行的开源项目很是必要.利用这些项目,有时能够让你达到事半功倍的效果.为此,本文整理GitHub上最火的前端开源项目列表,这里按分类的方式列出前九个. 对于开发者而言 ...

  9. [置顶] 提高生产力:Web开发基础平台WebCommon的设计和实现

    Web开发中,存在着各种各样的重复性的工作.为了提高开发效率,不在当码农,我在思考和实践如何搭建一个Web开发的基础平台. Web开发基础平台的目标和功能 1.提供一套基础的开发环境,整合了常用的框架 ...

  10. WebSocket.之.基础入门-前端发送消息

    WebSocket.之.基础入门-前端发送消息 在<WebSocket.之.基础入门-建立连接>的代码基础之上,进行添加代码.代码只改动了:TestSocket.java 和 index. ...

随机推荐

  1. 【服务器数据恢复】HP EVA存储多块硬盘离线的数据恢复案例

    服务器故障&检测&分析:某品牌EVA存储设备中的RAID5磁盘有两块硬盘掉线,lun丢失.硬件工程师对故障服务器进行物理故障检测,发现掉线硬盘能够正常读取,无物理故障,也没有发现坏道. ...

  2. JMeter创建上传文件脚本

    环境:Macbook10 ,apache-jmeter-4.0 1. 创建脚本:添加 -> Sampler -> HTTP请求 2.基本配置 3. 设置实现方式,这一步是关键的关键.... ...

  3. 初识Node

    Node的定义:一个搭建在Chrome JavaScript运行时上的平台,用于构建高速.可伸缩的网络程序.   Node构建与JS之上,在服务器端,Node使用V8虚拟机,执行的是本地机器码,省去了 ...

  4. ajax thisisunsafe

    ajax 从chrome发出,对方公钥证书不是符合要求CA签发的,则会ssl握手失败,也没有机会强制信任 比如:http代理服务器(三)fiddler[重点] 当然应该可以从ajax指定信任一切服务端 ...

  5. 巴恩斯利蕨 The Barnsley Fern

    巴恩斯利蕨学习链接 下面用R画一下: npts<-50000 point_mat<-matrix(data=NA,nrow=npts,ncol=2) list_fun<-list( ...

  6. java 实现读取本地日志文件列表并在浏览器上显示

    import org.springframework.core.io.Resource; import org.springframework.core.io.UrlResource; import ...

  7. win7下virtualbox虚拟机中安装centos后设置共享文件夹

    报错信息: building the main Guest Additions module FAILEDunable to find the sources of your current Linu ...

  8. 在vite中怎么批量注册组件

    1. 在webpack中使用require来获取组件 / 参数:1. 目录 2. 是否加载子目录 3. 加载的正则匹配 //匹配当前文件夹下的所有.vue文件 注册全局组件 const importF ...

  9. vuexy full-wersion项目安装报错问题处理

    npm install grpc@1.23.3 --ignore-scripts npm rebuild node-sass

  10. python实现图片转PDF

    import os from PIL import Image from reportlab.pdfgen import canvas def image_resize(img, width, hei ...