# datanet-router-front

**Repository Path**: BDWare/datanet-router-front

## Basic Information

- **Project Name**: datanet-router-front
- **Description**: 数联网路由器-标准版-前端模块
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-26
- **Last Updated**: 2024-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端编译

build javascript sdk

```
// sdk-javascript 路径下
cnpm install
cnpm run build
```

安装依赖

```
cnpm install
```

启动

```
cnpm run dev
```

打包
```
cnpm run build
```

如果没有安装cnpm，可以使用npm安装

```
npm install -g cnpm
```

# 前端开发

前端开发主要涉及的模块包括api、router、store、views，几个功能模块如前缀管理在views部分写相应前端页面、在router部分配置相关路由、在store部分进行数据的存取、在api部分进行相关接口设计。

目前前端调用接口基于BDContract 合约接口，在api部分创建了BDContract client，可以调用client的相关接口执行合约。

# 编译问题补充
## 前端项目编译，安装依赖，打包等问题

首先需要安装nodejs，npm，cnpm，pnpm等，其中可以选择nvm来管理nodejs版本

可以执行`npm install -g cnpm/pnpm`安装cnpm和pnpm

#### npm install报错，对等依赖问题，不同组件依赖的同一组件的版本不一致问题

可以执行`npm install --legacy-peer-deps`或者`cnpm install`安装忽略依赖冲突进行安装

成功后执行`npm run dev`或者`cnpm run dev`启动，如果页面能正常打开，就说明成功，然后可以执行`cnpm/npm run build`进行打包，会生成一个dist目录，用于后续的ypk打包

#### 页面打开，但没有任何显示

查看日志，可能会报指定路径下解析不到组件，一般有两种情况

- 你安装依赖的时候可能因为网络等原因没有正确安装

  手动删除node_modules目录和package-lock.json文件，然后重新安装依赖

- 由于本机或者操作系统的原因，解析组件的路径不正确

  去node_modules目录下查找解析错误的组件，修改为正确路径

  也可以执行`fsutil reparsepoint query .\{element_name}\ `查看组件的链接路径

补充，发现有个别组件没有下载，可以执行`npm i {element_name} -save --legacy-peer-deps`安装组件，`-save`会自动将element添加到package.json文件