vite 安装腾讯im组件TUIKit问题记录

最新推荐文章于 2024-07-09 11:00:35 发布

梓沂

最新推荐文章于 2024-07-09 11:00:35 发布

阅读量739

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_27361945/article/details/129497141

版权

在遵循Vue3和TypeScript环境的项目里，按照文档安装IMWeb&H5集成方案时，遇到SASS解析错误。通过改变SASS和sass-loader的安装方式解决了问题。之后又出现了require未定义的错误，通过安装vite-plugin-require-transform插件并配置vite.config.ts文件成功解决该问题。

摘要由CSDN通过智能技术生成

按照vue3+ts要求安装依赖包

即时通信 IM Web & H5-含 UI 集成方案（荐）-文档中心-腾讯云 (tencent.com)

这个版本的文档采用全局安装sass：

npm install -g sass sass-loader@10.1.1

实际安装后遇到无法解析sass的错误提示，使用save方式安装sass得以解决：

npm install sass sass-loader@10.1.1 --save-dev

遇到如下问题：

index.ts:2 Uncaught ReferenceError: require is not defined
at index.ts:2:17

可以安装require依赖：

npm i vite-plugin-require-transform

并配置vite.config.ts

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import requireTransform from 'vite-plugin-require-transform';

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        requireTransform({}),
        vue()
    ]
})