解决uni-app-cli使用uview组件中u--text组件出现的babel-loader报错

最新推荐文章于 2024-07-19 11:16:32 发布
最新推荐文章于 2024-07-19 11:16:32 发布
阅读量493 收藏
点赞数 3
文章标签： javascript vue.js uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47908090/article/details/136622357
版权
本文介绍了如何在Vue项目Vue.config.js文件中配置transpileDependencies，以便正确编译uview-ui/components依赖。同时提及了需检查pages.json是否已包含相关设置，以确保构建过程顺利进行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

报错
在这里插入图片描述

在vue.config.js中加入以下代码,

module.exports = {
  transpileDependencies: ['uview-ui/components']
}

然后检查pages.json是否有加入
在这里插入图片描述

AL ish
关注
在vue-cli创建的uni-app项目中使用uView框架
郭宝的博客
10-23 2075
通过下载uView源码的方式进行引入 1、首先 通过uView UI已发布Sketch和Axure设计资源 - DCloud 插件市场下载uView源码到本地 2、然后对压缩包进行解压，然后解压出来的文件夹放入项目src的目录下，如下图所示： 3、然后就需要安装node-sass和sass-loader yarn add node-sass yarn add sass-loader 如若安装node-sass和sass-loader出现错误，那么请参见Syntax Erro...
原生小程序迁移到uniapp-cli后执行yarn dev:mp-weixin报错Syntax Error: Error: babel-loader find fail踩坑
qq_38883889的博客
06-21 717
最近一直在做小程序和app相关项目,于是我就想能否把公司的小程序代码转uniapp代码,结果还真被我找到了解决方案,使用hbuilderx安装一个插件就能实现(那个插件也支持npm,但是我使用npmcli的时候无法正常运行),当我转换后又出来了一个新想法,因为我是linux操作系统,在电脑安装一个hbuilderx很坑第一wine版本hbuilderx不支持小程序预览(无法添加linux兼容版本微信开发者工具到hbuilderx下),第二 那就是wine运行是在太坑了,我12核32G的洋垃圾直接干掉一半性能
uni-app 用 cli 方式创建 TypeScritp 项目引入 uview-ui 报错【解决方法】
qq1014156094的博客
07-13 6101
报错：无法找到模块“uview-ui”的声明文件。“e:/xxxxxx/node_modules/uview-ui/index.js”隐式拥有 “any” 类型。 尝试 npm install @types/uview-ui (如果存在)，或者添加一个包含 declare module 'uview-ui'; 的新声明(.d.ts)文件ts(7016) 然后我在 sfc.d.ts 加了 declare module 'uview-ui' 还是不行，思前想后想不通，又看了一遍报错提示，发现上面是有个分号的，.
启动vue报babel-loader错误
青春不打烊的博客
05-21 3086
解决方案： 控制台输入 npm install @babel/core @babel/preset-env 命令 然后启动： 启动成功
uniapp 查找不到uview-ui文件怎么办？
qq_57423665的博客
01-12 4213
用官方的方式总是报：文件查找失败：'uview-ui' at main.js解决方案： 下载成功是这样的：而不是这样的： 这样的原因是你的项目里没有package.json包，先执行 npm i -y再安装uview-ui uni.scss中引入 然后再APP.vue中全局引入样式，注意一定要下好sass和scss-loader,如果是HBuilderX安装的就不需要担心，里面内嵌了的。 注意：以上代码一定要在第一行没下载的自行下载 3.配置easycom组件模式 此
uni-app+Vue3+pinia+uview-plus搭建的项目包
12-28
uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...
通过Hbuilder X创建uni-app项目并引入UView
08-18
而UView UI则是一款专为uni-app设计的组件库，提供了丰富的UI组件和便捷的API，帮助开发者快速构建美观且功能强大的应用程序。本篇将详细介绍如何通过Hbuilder X来创建uni-app项目，并将其与UView集成。 首先，我们...
uni-app+color-ui+uview-ui 搭建的H5端初始demo
04-09
【标题】"uni-app+color-ui+uview-ui 搭建的H5端初始demo"涉及的关键技术点包括： 1. **uni-app**：uni-app 是由ECharts团队开发的一个跨端框架，允许开发者编写一次代码，可以同时在iOS、Android、Web（H5）、微信...
很好用的uni-app节点树组件！
06-23
综合以上信息，我们可以推断这个组件在uni-app的项目中提供了方便的树形数据展示功能，并且设计得既高效又易于使用。开发者可以通过`readme.md`了解如何导入和使用该组件，`components`目录下的源码则可以作为学习和...
基于uni-app、colorUi、uView，支持小程序、H5、Android和IOS
01-15
项目基于vue，使用colorUi与uView，完美支持微信小程序，包含功能：聊天室、金融量化、抽奖、地图轨迹回放、电子签名、图片/海报编辑器、自定义相机/键盘、拍照图片水印、智能抠图、照片墙、在线答题、证件识别、...
uniapp-cli:自用uniapp模板，vue-cli创建版本
04-09
uniapp-cli 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 自定义配置 请参阅。
uniapp 使用uView UI教程
热门推荐
拿回忆下酒
03-16 1万+
从创建uniapp项目到将uView配置全部过程，你了解了吗？ 让我们一起复习一下！！1、新建项目a、首先下载HBuilderXb、使用HBuilderX 创建uniapp 项目2、设置项目名称、目录3、下载uView UI已下载安装为例4、安装scss5、配置步骤a、 引入uView主JS库b、在引入uView的全局SCSS主题文件c、引入uView基础样式d、配置easycom组件模式6、 运行项目a、缺少AppID报错添加AppID使用一下uView UI组件代码示例效果图 1、新建项目 a、首先下载
cli构建uniapp项目＋sass＋uview＋tailwind
YX_0719的博客
04-19 2234
uni-app HBuilderX模板项目转为cli项目＋sass＋uview＋tailwind，node与各依赖版本兼容性
uni-app vue-cli项目 uView安装及配置
我的博客
09-03 3284
一、说明：uView安装有下载安装和npm安装两种方式，使用的是npm安装 二、步骤： 1、安装SCSS uView依赖SCSS，您必须要安装此插件，否则无法正常运行。 // 安装node-sass npm i node-sass -D // 安装sass-loader npm i sass-loader -D 2、对uView进行npm安装 // 安装 npm install uview-ui 3、引入uView主JS库 在项目根目录中的main.js中，引入并使用uView的JS库
从网上下的vue项目安装报babel-loader系列错误解决
你不追逐时代，时代就会反噬你，我是风尚，一个有趣的灵魂
05-25 6703
从网上下的vue项目安装报babel-loader系列错误解决
[保姆级教程]uniapp安装使用uViewUI教程
最新发布
肥晨开发的学习之路
07-19 1万+
通过以上步骤，你已经成功地将 uView UI 集成到了你的 UniApp 项目中，并可以开始使用其提供的丰富组件和样式来构建界面。点击下载地址：uView UI下载：https://ext.dcloud.net.cn/plugin?下载地址：uView UI下载：https://ext.dcloud.net.cn/plugin?安装和使用 uView UI 在 UniApp 中是相对简单的过程，下面我来为你提供一个基本的教程。接下来，我们需要在 UniApp 项目中安装 uView UI。
uniapp - 运行报错`@babel/polyfill` is deprecated. Please, use required parts of `core-js` and `regenerat
高级前端工程师
06-22 1989
uni-app，项目运行，运行报错，h5，移动端网页，手机网站，HBuilder，手机H5，uniapp @babel/polyfill is deprecated. Please, use required parts of core-js and `regenerator-runtime/runtime separately，报错，解决，uniApp运行项目报错解决，uni-app开发H5网页运行报错，Uniapp移动端h5运行时控制台报错，终端报错怎么解决，如何解决UniApp移动端h5平台报错，详细
uniapp中uview的text组件
精通前端技术，了解后端接口
12-26 3128
针对小程序开放能力，我们提供了分享，请在小程序环境下使用。内置了文字超出隐藏样式，设置。
Babel安装与使用
cmy741741的博客
08-12 928
babel是一个广泛使用的es6转换器，可以将ES6代码转为ES5代码，从而在老版本的浏览器执行。这意味着，你可以用 ES6 的方式编写程序，又不用担心现有环境是否支持。 Babel-cli（将es6的代码转换为es5的代码） 1.安装 npm install --global babel-cli 2.安装预设并且手动添加配置文件配置.babelrc npm install --save-dev babel-preset-es2015 { “presets”: [ "es2...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值