idea springboot+uni-app项目报错解决

这篇具有很好参考价值的文章主要介绍了idea springboot+uni-app项目报错解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

数据库不存在

报错

DBMS: MySQL (no ver.)
Case sensitivity: plain=mixed, delimited=exact
[42000][1049] Unknown database 'datasystem'.

解决方法

1、检查数据库的用户名和密码有无错误
2、检查数据库名有无错误
3、如果之前有安装禅道,搜索栏搜索“服务”,找到mysqlzt,将其属性改为手动并停止运行

@Autowired报错

报错

必须在有效 Spring Bean 中定义自动装配成员(@Component|@Service|) 

解决方法

在类前加@Component或Service

null指针错误

报错

java.lang.NullPointerException: null

解决方法

通过测试方法调试确定了没有注入mapper,此时usermapper为空
dbms: mysql (no ver.) case sensitivity: plain=mixed, delimited=exact,乱七八糟的bug,spring boot,intellij-idea
检查确定是UserMapper前没有加注解@mapper,加上就没事了。建议检查service\mapper\controller\entity类有无添加对应的注解@service\mapper\recontroller\component
dbms: mysql (no ver.) case sensitivity: plain=mixed, delimited=exact,乱七八糟的bug,spring boot,intellij-idea

required string parameter 'XXX’is not present

报错

required string parameter 'XXX’is not present 

检查没有获得参数

解决方法

将@RequestParam替换成@RequestBody
dbms: mysql (no ver.) case sensitivity: plain=mixed, delimited=exact,乱七八糟的bug,spring boot,intellij-idea

原因参考@RequestBody详解

跨域请求失败

报错

Access to XMLHttpRequest at from origin  been blocked by CORS policy: Response to preflight request 

解决

1、前端(参考uni-app跨域请求)
这篇文章中的两种我都设置了,只设置一种报错仍然存在
2、后端
新建CorsConfig类

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration // 一定不要忽略此注解
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**") // 所有接口
                .allowCredentials(true) // 是否发送 Cookie
                .allowedOriginPatterns("*") // 支持域
                .allowedMethods(new String[]{"GET", "POST", "PUT", "DELETE"}) // 支持方法
                .allowedHeaders("*")
                .exposedHeaders("*");
    }
}

组件onLoad\onShow无效

组件生命周期没有onLoad和onShow,如果要在组件加载时进行一些操作,建议在组件中使用mounted,例如我需要在组件top.vue中初始化两个值
dbms: mysql (no ver.) case sensitivity: plain=mixed, delimited=exact,乱七八糟的bug,spring boot,intellij-idea

找不到依赖项 ‘com.alibaba:fastjson:1.2.28’

报错

使用maven组织项目,在pom文件中导入依赖后,pom文件依然报错。

解决方法

通过云仓库查看依赖项是否存在。例如我这里使用的aliyun,通过这个网址搜索查看依赖项的版本信息是否正确
dbms: mysql (no ver.) case sensitivity: plain=mixed, delimited=exact,乱七八糟的bug,spring boot,intellij-idea
确定没有问题后,再次加载依赖,我使用的是idea,其他软件如果找不到重新加载方法,可以直接关闭程序,重新打开。
dbms: mysql (no ver.) case sensitivity: plain=mixed, delimited=exact,乱七八糟的bug,spring boot,intellij-idea

uni-app Swiper滑块页面高度自适应

解决方法

参考uni-app动态改变swiper滑块高度
获取组件的高度,动态设置页面高度

<swiper :current="subjectIndex" class="swiper-box" @change="SwiperChange" :style="{'height':swiperHeight+'px'}" >
				<swiper-item v-for="(subject,index) in subjectList">
					<!-- <scroll-view scroll-y="true" style="height: auto;"> -->
						<view v-if="index-subjectIndex>=-1&&index-subjectIndex<=1" :id="'content-wrap'+index">
						内容
						</view>
				</swiper-item>
</swiper>
<script>
	export default {
		data() {
			return {
				subjectIndex: 0,//跳转索引
				swiperHeight: 800,//
		},
		onLoad() {
			
			this.currentType = this.subjectList[0].type;
			
			//动态设置swiper的高度,使用nextTick延时设置
			this.$nextTick(() => {
				this.setSwiperHeight();
			});
		},
		methods: {
			
			SwiperChange: function(e) { //滑动事件
				let index = e.target.current;
				if (index != undefined) {
					this.subjectIndex = index;					
				}
				//动态设置swiper的高度,使用nextTick延时设置
				this.$nextTick(() => {
					this.setSwiperHeight();
				});							
			},
			//动态设置swiper的高度
			setSwiperHeight() {
			  let element = "#content-wrap" + this.subjectIndex;
			  let query = uni.createSelectorQuery().in(this);
			  query.selectAll(element).boundingClientRect();
			  query.exec((res) => {
				if (res && res[0]) {
					this.swiperHeight = res[0][0].height+100;
					console.log(this.swiperHeight);
				}
			  });
			},
		}
	}
</script>

如果滑块的内容是变化的,则在变化之后重新调用一次函数就行文章来源地址https://www.toymoban.com/news/detail-841964.html

//动态设置swiper的高度,使用nextTick延时设置
this.$nextTick(() => {
	this.setSwiperHeight();
});		

到了这里,关于idea springboot+uni-app项目报错解决的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app项目中 component is 使用时 h5生效 小程序中渲染等不支持,下面有解决方法

    前言: 由于公司业务调整,特意学习下uni项目框架,其实根据官方api就是实现很多功能,其实都是一些小坑要走,下面来说一下uni-app项目中 component is 使用时 h5生效 小程序中渲染支付宝等不支持,下面有解决方法 查了下官网时这样说的 官网地址 component | uni-app官网 单个是

    2024年02月12日
    浏览(52)
  • uni-app + SpringBoot +stomp 支持websocket 打包app

    websocket 协议是在http 协议的基础上的升级,通过一次http 请求建立长连接,转而变为TCP 的全双工通信;而http 协议是一问一答的请求方式方式。 websocket-uni.js

    2024年02月11日
    浏览(52)
  • uni-app搭建h5项目

    一、 打开官方网站 https://uniapp.dcloud.net.cn/quickstart-cli.html 二、找到使用vue-cli命令行,按照文档上的步骤进行搭建 全局安装 vue-cli 搭建项目 可以根据命令行搭建,搭建vue2.0对应的是webpack, 也可以搭建vue3.0+vite,命令行下载不下来,直接访问高亮起来的 gitee 然后下载模板即可

    2024年02月22日
    浏览(78)
  • 跨平台应用开发进阶(五十)uni-app ios web-view嵌套H5项目白屏问题分析及解决

    应用 uni-app 框架开发好APP上架使用过程中,发现应用经过长时间由后台切换至前台时,通过 webview 方式嵌套的H5页面发生白屏现象。 任何手机设备上,当手机内存不足时,os都会回收资源。一般是先回收后台打开的资源。如果当前应用占用的资源过高,当前应用也有可能崩溃

    2024年02月14日
    浏览(55)
  • 小程序-uni-app:uni-app-base项目基础配置及使用/uni-app+vue3+ts+vite+vscode

    目前(20230605)uni-app最新版本(3.8.4.20230531) 一、官网文档 微信开放文档 uni-app官网 二、创建项目 项目目标:vue3+ts+vite+vscode 创建以 typescript 开发的工程(如命令行创建失败,请直接访问 gitee 下载模板) npx degit dcloudio/uni-preset-vue#vite-ts uniapp-base ​ 本文创建成功 ​ 为了验

    2024年02月15日
    浏览(96)
  • 小程序-uni-app:uni-app-base项目基础配置及使用 / uni-app+vue3+ts+vite+vscode

    目前(20230605)uni-app最新版本(3.8.4.20230531) 一、官网文档 微信开放文档 uni-app官网 二、创建项目 项目目标:vue3+ts+vite+vscode 创建以 typescript 开发的工程(如命令行创建失败,请直接访问 gitee 下载模板) npx degit dcloudio/uni-preset-vue#vite-ts uniapp-base ​ 本文创建成功 ​ 为了验

    2024年02月05日
    浏览(587)
  • VUE3、uni-app、SpringBoot登录密码加密

    aes.js import {Encrypt} from \\\'@/utils/aes.js\\\'; loginForm.value.password = Encrypt(password.value); new Aes().decrypt(loginBody.getPassword()) CryptoJS.js aes.js import {Encrypt} from \\\'@/utils/aes.js\\\' Encrypt(this.password)

    2024年02月08日
    浏览(46)
  • uni-app之android项目云打包

    1,项目根目录,找到mainfest.json,如果appid是空的,需要生成一个appid  2,点击重新获取appid,这个时候需要登录,那就输入账号密码登录下 3,登陆后可以看到获取appid成功 4,选择栏目运行选项,再选择云打包选项,这时候弹出一个云打包配置页面 5,需要配置密钥,可以通

    2024年02月10日
    浏览(46)
  • 快速使用uni-app搭建小程序项目

    HBuilder是uni-app官方团队专门定制的编辑器,它对Vue做了大量优化投入,且支持uni-app官方库Api的智能提示和推断,同时,我们也可以在通过编辑器快速的创建各种场景下的项目模板,总之HBuilder是用uni-app进行应用开发的首选编辑器,可以访问其官网进行下载安装,点击如下链接

    2024年02月15日
    浏览(131)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包