ARJS 项目如何升级到当前最新版本

登录

本帖最后由 KearneyKang 于 2023-6-26 11:07 编辑

ARJS V 4.0发布，V4.0的新功能特别多，应该有好多小伙伴已经按捺不住想要去进行升级了是吧

那么下面就给大家讲解下如何快速进行ARJS V 4.0的升级
1、纯JS项目升级
纯JS项目升级，因为项目中直接引入的是对应的JS和CSS文件，那么只需要把原来旧版本的JS和CSS文件替换为最新的JS和CSS文件就行
最新的JS和CSS文件在你下载的那个安装包中

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>ActiveReportsJS sample</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="/dist/ie-polyfills.js"></script>
<script src="/dist/ar-js-core.js"></script>
<script type="text/javascript" src="http://cdn.grapecity.com/activereportsjs/3.0.0/dist/ar-js-core.js"></script>
<script src="/dist/ar-js-designer.js"></script>
<script src="/dist/ar-js-viewer.js"></script>
<script src="/dist/ar-js-pdf.js"></script>
<script src="/dist/ar-js-xlsx.js"></script>
<script src="/dist/designer/zh-locale.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap"
rel="stylesheet" />
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossorigin="anonymous" />
<link rel="stylesheet"
type="text/css"
href="/styles/ar-js-ui.css" />
<link rel="stylesheet"
type="text/css"
href="/styles/ar-js-viewer.css" />
<link rel="stylesheet"
type="text/css"
href="/styles/ar-js-designer.css" />
<style>
#viewer-host {
margin: 0 auto;
width: 100%;
height: 100vh;
}
</style>
</head>
<body>
<div id="viewer-host"></div>
<script>
const viewer = new ActiveReports.Viewer("#viewer-host", { language: "zh" });
viewer.registerFont("fonts/fontsConfig.json"); //引入字体配置；
viewer.open('reports/自适应.rdlx-json');
</script>
</body>
</html>

复制代码

2、Vue项目升级
1、首先移除旧版本的
@grapecity/activereports-vue

@grapecity/activereports

通过该方法进行移除

npm uninstall @grapecity/activereports-vue

npm uninstall @grapecity/activereports

2、安装新版本

@grapecity/activereports-vue

@grapecity/activereports

通过该方法进行安装

npm install @grapecity/activereports-vue

npm install @grapecity/activereports

3、移除和安装的时候如果出现版本的冲突，如

这是因为组件库所使用的依赖库版本和本地安装版本不一致导致！简言之依赖冲突。

解决办法也很简单，可以使用 --legacy-peer-deps 忽略冲突来安装。语法如下：

npm install @grapecity/activereports-vue --legacy-peer-deps

复制代码

安装成功之后在 package.json中都变成了最新的 4.0版本

3、如果从旧版本升级到最新的版本之后，出现授权无效的问题，那是因为你旧版本使用的是 ARJS V3版本的授权，但是新版本是 ARJS V4.0、V 3.0的授权在V4.0中使用是不生效的，需要重新获取对应的 V 4.0的部署授权才行

		自动登录	找回密码
密码			立即注册

ARJS 项目如何升级到当前最新版本

本帖子中包含更多资源

0 个回复

圣诞拼拼乐

微信认证勋章

讲师达人

悬赏达人

元老葡萄