创建中的各种问题集合

2024-04-24  本文已影响0人  EnjoyWT
  1. 开发者工具中报错: routeDone with a webviewId 2 that is not the current page

报错原因:调试基础库处于灰度中所以会出现这个报错信息
解决方法:降低微信开发者工具的调试基础库

(1):打开微信开发者巩固右上角的详情
(2):选择本地设置
(3):点击调试基础库:选择低一点的且不在灰度中的版本

  1. 报错信息为[ project.config.json 文件内容错误] project.config.json: libVersion 字段需为 string,之前是好的 就更新了下之后就报了这个错误,有没有大佬帮忙看下 调整基础库版本还是报这个错

解决: 在manifest文件的mp-weixin中添加 "libVersion": "latest" 即可

  1. uViewPlus 安装

按照官网操作后,仍然显示不出来组件(一般都是组件没有注册成功),可以使用 h5 调试,查看bug.

u-icon If this is a native custom element, make sure to exclude it from comp

说明没有注册成功。

使用npm 安装最简单,1. 安装 uview 2. 安装 sass 3.配置 easycom 路径要和对应的安装方式对应上。
如果是使用HBuildx 安装的需要自己写路径。到对应的目录。

  1. tailwind css
    使用这个插件的安装顺序安装,需要注意一下几点.默认项目是使用 vue-cli 创建的。参考 官网 vite 部分创建

4.1 css 配置

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

这部分代码写入 到 uni.scss 文件中
4.2 vite.config.js 部分 内联写法

import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'

import tailwindcss from 'tailwindcss'
import autoprefixer from 'autoprefixer'
import { UnifiedViteWeappTailwindcssPlugin as uvwt } from 'weapp-tailwindcss/vite';
const isH5 = process.env.UNI_PLATFORM === 'h5'
const isApp = process.env.UNI_PLATFORM === 'app'
const tailwindcssDisabled = isH5 || isApp //是H5的时候关闭这个,H5本来就支持tailwind

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    uni(),uvwt( {disabled: tailwindcssDisabled})
  ],
  // 内联 postcss 注册 tailwindcss
  css: {
    postcss: [
      tailwindcss(),
      autoprefixer()
    ]
  }
})

4.3 注意路径修改
tailwind.config.js 中

 官网的是这个:  content: ['./public/index.html', './src/**/*.{html,js,ts,jsx,tsx,vue}'],
项目中是这个:content: ['./index.html', './src/**/*.{html,js,ts,jsx,tsx,vue}'],

上一篇 下一篇

猜你喜欢

热点阅读