【解决】uniapp的全局公共组件(不用在每个页面引入组件标签),各平台均可使用!!!!

感谢滚动君大佬提供的思路,但是大佬的思路只适用于微信小程序

app端之所以不能用的关键原因在于不能找到resourcePath原始路径,不像小程序会提供一个路径区分哪些文件来自组件哪些文件来自页面,如果不做区分,那么页面栈就会超载,无法显示。

既然它自身不能提供路径,那么我们可以修改源码,路径在D:\Hbuild\plugins\uniapp-cli\node_modules@dcloudio\vue-cli-plugin-uni\packages\vue-loader\lib\loaders\templateLoader.js
的templateLoader.js文件中修改代码如图:

在这里插入图片描述
在compilerOptions方法体中的最后一行加上
resourcePath: this.resourcePath
注意上一行的逗号不要忘了
然后在项目里面新建一个文件vue.config.js
填以下内容

module.exports = {
  
  chainWebpack: config => {
  	config.module.rule('vue').use('vue-loader').loader('vue-loader').tap(options => {
  		const compile = options.compiler.compile
  		options.compiler.compile = (template,...args) => {
			
			
			
			//用来区分组件还是页面
			if(args[0].resourcePath.search("pages")!=-1){
				
				//防止app端重复加载而重复添加组件
				if(template.search("<upload_file/>")==-1){
					 template = template.replace(/[\s\S]+?<[\d\D]+?>/, _ => `${_}
							  <‘upload_file ’/>
					 `)
				}
			}
  			return compile(template,...args)
  		}
  		return options
  	})
  }
  
}




差点忘了你的组件必须是全局挂载的,在mian.js里面添加

import upload_file from '@/components/upload_file.vue'
 
Vue.component('upload_file', upload_file)

下面我自定义悬浮组件的源码
upload_file.vue

<template>
<view>
	<uni-fab :pattern="pattern"  :horizontal="horizontal" :vertical="vertical" @fabClick="upload_data" ></uni-fab>
</view>
</template>

<script>
	export default {
		name: "",
		data() {
			return {
				
				vertical: 'bottom',
				horizontal: 'right',
				pattern: {
					color: '#7A7E83',
					backgroundColor: '#fff',
					selectedColor: '#007AFF',
					buttonColor: '#007AFF',
					iconColor: '#fff',
					icon:'upload-filled'
				},
				
		}
	},
	methods:{
		upload_data(){
			this.$company.common({
			
			}, {
				'api':'unline'
			}).then(e => {
				console.log(e)
			})
		}
	}
}
</script>

<style lang="scss" scoped>
/deep/	.uni-fab__circle--rightBottom[data-v-137a85dc] {
	    right: 15px;
	    bottom: 30px;
	    right: calc(70rpx + var(--window-right));
	    bottom: calc(150rpx + var(--window-bottom));
		}
	
	
</style>

都填完后重新加载一遍

注:如果是需要在小程序运行需要将该文件复原。

### 解决PyCharm无法加载Conda虚拟环境的方法 #### 配置设置 为了使 PyCharm 能够成功识别并使用 Conda 创建的虚拟环境,需确保 Anaconda 的路径已正确添加至系统的环境变量中[^1]。这一步骤至关重要,因为只有当 Python 解释器及其关联工具被加入 PATH 后,IDE 才能顺利找到它们。 对于 Windows 用户而言,在安装 Anaconda 时,默认情况下会询问是否将它添加到系统路径里;如果当时选择了否,则现在应该手动完成此操作。具体做法是在“高级系统设置”的“环境变量”选项内编辑 `Path` 变量,追加 Anaconda 安装目录下的 Scripts 文件夹位置。 另外,建议每次新建项目前都通过命令行先激活目标 conda env: ```bash conda activate myenvname ``` 接着再启动 IDE 进入工作区,这样有助于减少兼容性方面的问题发生概率。 #### 常见错误及修复方法 ##### 错误一:未发现任何解释器 症状表现为打开 PyCharm 新建工程向导页面找不到由 Conda 构建出来的 interpreter 列表项。此时应前往 Preferences/Settings -> Project:...->Python Interpreter 下方点击齿轮图标选择 Add...按钮来指定自定义的位置。按照提示浏览定位到对应版本 python.exe 的绝对地址即可解决问题。 ##### 错误二:权限不足导致 DLL 加载失败 有时即使指定了正确的解释器路径,仍可能遇到由于缺乏适当的操作系统级许可而引发的功能缺失现象。特别是涉及到调用某些特定类型的动态链接库 (Dynamic Link Library, .dll) 时尤为明显。因此拥有管理员身份执行相关动作显得尤为重要——无论是从终端还是图形界面触发创建新 venv 流程均如此处理能够有效规避此类隐患。 ##### 错误三:网络连接异常引起依赖下载超时 部分开发者反馈过因网速慢或者其他因素造成 pip install 操作中途断开进而影响整个项目的初始化进度条卡住的情况。对此可尝试调整镜像源加速获取速度或是离线模式预先准备好所需资源包后再继续后续步骤。 ---
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值