当前位置：首页 > article >正文

SAP Fiori-Vscode 环境搭建中npm报错

article 2024/9/23 13:47:31

文章目录

前提： vscode 安装好了，node 配置完毕，npm环境搭建OK
- 新建一个Fiori 初始化
- 初始化性项目的报错&警告
- - Q1: npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead
  - Q2: npm打包出现警告，npm版本升级
  - Q3: npm audit
  - Q4: npm install --global @ui5/cli 安装UI5

前提： vscode 安装好了，node 配置完毕，npm环境搭建OK

测试 node -v 是否安装成功

配置 npm 环境：https://blog.csdn.net/qq_45824905/article/details/124820553

配置 ui5 环境： https://blog.csdn.net/qq_45824905/article/details/125930385

新建一个Fiori 初始化

在 vscode 中输入：npm install --global @ui5/cli 安装UI5
在新建的根目录文件下： npm init --yes 初始化界面
新建webapp 在根目录里执行 ui5 init，生成ui5.yaml
新建webapp里创建manifest.json文件在根目录里执行ui5 use SAPUI5@latest ，更新ui5.yaml
新建一个index.html页面，根目录下输入： ui5 serve

初始化性项目的报错&警告

Q1: npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead

A: nodejs 目录下的npm npm.cmd 文件

npm WARN config global --global, --local are deprecated. Use --location=global instead.
这种提示只要将这两个文件中的"prefix -g"修改为"prefix --location=global",保存

在这里插入图片描述

Q2: npm打包出现警告，npm版本升级

参照： https://blog.csdn.net/qq_38628046/article/details/126082907
在这里插入图片描述

npm有新版本可以更新。根据提示，执行以下命令，就可以更新npm版本了。
npm install -g npm
在这里插入图片描述

Q3: npm audit

提交BUG,扫描你的项目是否存在漏洞，并自动为易受攻击的依赖安装任何兼容更新
npm cache clean
尝试之，果然奏效，又可以愉快的npm install 了
到这步就ok了在这里插入图片描述

Q4: npm install --global @ui5/cli 安装UI5

在控制台运行npm指令时遇到如下报错信息：“因为在此系统上禁止运行脚本”
在这里插入图片描述
改正界面：
搜索“powershell”，并“以管理员身份运行”
使用命令“set-ExecutionPolicy RemoteSigned”，将计算机上的执行策略更改为 RemoteSigned
验证是否更改成功