电脑中的环境要必备 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.


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

最新文章

  1. 使用nvm利器,管理node版本
  2. 关于selenium RC的脚本开发
  3. EasyUI中Grid标题居中方法(jquery实现方法)
  4. ruby 资源收集
  5. 驱动开发学习笔记. 0.01 配置arm-linux-gcc 交叉编译器
  6. PHP无限级分类-递归(不推荐)
  7. CentOS安全设置
  8. sublime常用快捷键整理(未完待续)
  9. D. Powerful array
  10. Android Studio上修改项目(module)的包名(Package Name)
  11. QPS/TPS/并发量/系统吞吐量概念和公式
  12. ReentrantLock源码
  13. 【转】Entity Framework 复杂类型
  14. APIView流程——请求方式分发
  15. 【ZH奶酪】如何用textgenrnn处理中文
  16. python3用BeautifulSoup抓取a标签
  17. spring笔记-@Primary注解
  18. Android 升级脚本updater-script 的函数简单介绍
  19. 什么是O/RMapping?为什么要用O/R Mapping?
  20. CentOS scp远程拷贝

热门文章

  1. 从main_phase跳回reset_phase的方式
  2. Java基础__05.网络编程
  3. OKHttp 之--------http/https协议处理方法 (Finn_ZengYuan博客)
  4. 【运维】解决composer update出现的Discard changes [y,n,v,d,s,?]的问题
  5. 解决问题mount.nfs: Stale file handle
  6. Java反射解析注解
  7. GrADS CTL文件 VARS字段
  8. iOS SDK开发
  9. css 启动页 loading动画
  10. input点击焦点后阴影