电脑中的环境要必备 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. 超强大的PS汉化插件Specs 一键尺寸标注

    尺寸标注是大多数设计师必不可少的细节工作,特别是在一些特定的设计图中,标注至关重要.大部分设计大大都直接用CAD标注,其实借助插件,PS也是完全可以搞定常见的尺寸标注的. 插件介绍 这是一款超级强大的 ...

  2. go 的 wire 依赖注入

    首先安装 wire 工具 go install github.com/google/wire/cmd/wire@latest go 文件 package main import ( "fmt ...

  3. PostgreSQL-14 安装配置-wsl_v1_ubuntu22.04

    环境准备 pgAdmin: Cisco2022 postgrep数据库: postgres: Postgres_2023 install https://learn.microsoft.com/en- ...

  4. PyTorch Live get started from Windows

    〇. PyTorch Live https://pytorch.org/live/docs/tutorials/get-started-manually/ 以下 命令 建议都用 以管理员身份运行的 P ...

  5. VS2019使用Qt4.8.7

    取消系统变量中的Qt_INCLUDEPATH_. C:\Users\octob\AppData\Local\QtMsBuild中添加qt4.natvis.xml,qt4.natvis for visu ...

  6. 基于winds10 安装docker 踩坑记录

    1.官方下载 https://www.docker.com/ 2.根据提示安装 并重庆计算机3.双击运行 报 Docker Desktop is shutting down 提示  计算机c: 盘 A ...

  7. 分布式锁 -- redis

    原理 redis设置一个key和value,如果存在则获取锁失败,不存在则获取锁成功处理业务,业务处理完成后删除这条数据,可以带个失效时间. 代码 public void handleInvoice( ...

  8. C++11之线程库

    在 C++11 之前,涉及到多线程问题,都是和平台相关的,比如 Windows 和 Linux 下各有自己的接口,这使得代码的可移植性比较差.C++11 中最重要的特性就是对线程进行支持了,并且可以跨 ...

  9. docker 文件编写,和jdk11运行java的Dockerfile文件

    制作 docker文件 建立 Dockerfile 文件 拷贝jar文件到 新目录下 FROM openjdk:8 MAINTAINER TsuiChris COPY *.jar /app.jar E ...

  10. Windows10 Vmware安装Centos虚拟机

    准备工作 安装Vmware软件 下载地址:https://www.vmware.com/cn/products/workstation-pro.html 下载Centos7 镜像 下载地址:https ...