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

最新推荐文章于 2024-07-19 11:16:32 发布
最新推荐文章于 2024-07-19 11:16:32 发布
阅读量492 收藏
点赞数 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 2072
通过下载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+uinicloud多用户社区博客实战项目(完整开发文档-从零到完整项目)】
tigerhhzz的博客
02-14 756
(一)、项目介绍及知识点概述【uniapp+uinicloud多用户社区博客实战项目(完整开发文档-从零到完整项目)】
原生小程序迁移到uniapp-cli后执行yarn dev:mp-weixin报错Syntax Error: Error: babel-loader find fail踩坑
qq_38883889的博客
06-21 716
最近一直在做小程序和app相关项目,于是我就想能否把公司的小程序代码转uniapp代码,结果还真被我找到了解决方案,使用hbuilderx安装一个插件就能实现(那个插件也支持npm,但是我使用npmcli的时候无法正常运行),当我转换后又出来了一个新想法,因为我是linux操作系统,在电脑安装一个hbuilderx很坑第一wine版本hbuilderx不支持小程序预览(无法添加linux兼容版本微信开发者工具到hbuilderx下),第二 那就是wine运行是在太坑了,我12核32G的洋垃圾直接干掉一半性能
uni-app 用 cli 方式创建 TypeScritp 项目引入 uview-ui 报错【解决方法】
qq1014156094的博客
07-13 6100
报错：无法找到模块“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 3085
解决方案： 控制台输入 npm install @babel/core @babel/preset-env 命令 然后启动： 启动成功
uniapp 查找不到uview-ui文件怎么办？
qq_57423665的博客
01-12 4209
用官方的方式总是报：文件查找失败：'uview-ui' at main.js解决方案： 下载成功是这样的：而不是这样的： 这样的原因是你的项目里没有package.json包，先执行 npm i -y再安装uview-ui uni.scss中引入 然后再APP.vue中全局引入样式，注意一定要下好sass和scss-loader,如果是HBuilderX安装的就不需要担心，里面内嵌了的。 注意：以上代码一定要在第一行没下载的自行下载 3.配置easycom组件模式 此
uni-app-第一章
qq_36026747的博客
04-13 702
前言 由于本鸟是Java后端程序员出身，但是由于某些原因，改行前端了。最近打算改造公司原本小程序的项目。再网上进行了一阵子的技术选型，觉得uni-app还是比较合适的。 该文章内容基本完全摘抄官方文档，省略了一些笔者认为不需要特殊关注的地方。也是而已自行访问官网，点击《概述》即可。 初识uni-app uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快...
个人所遇的各种BUG，不用谢，多点赞收藏（禁止转载）
weixin_45042569的博客
04-17 6744
bug终结者
前端知识宝典
qq_37759901的博客
01-29 1504
搜索框输入，文本剪辑器实时保存代码实现思路如下：（利用定时器，每次触发先清掉以前的定时器，从新开始）
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 6700
从网上下的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 3126
针对小程序开放能力，我们提供了分享，请在小程序环境下使用。内置了文字超出隐藏样式，设置。
Babel安装与使用
cmy741741的博客
08-12 926
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...
uni-app uView2.X u-text标签首行缩进实现段落效果
qq_16186465的博客
04-07 4950
uni-app uView2 u-text标签首行缩进实现段落效果 前言 在做毕设的过程中（卧槽，都要答辩了，还在赶毕设，害怕），我有一部分需要将文本的样式像书信一样展示，所以就需要用到首行缩进，但是直接在text里面输入空格是没用的，&nbsp;也没用，所以就去请求各路大神了，现在我学成归来。 注意：我用的是uni-app的一个框架uView2，可能会与原生的uni-app有出入 方法 其实很简单 我们大概知道CSS中有个和文本首行缩进有关的属性：text-indent，这个直接设置在<u-
java-初识大前端Node.js、ES6、Npm、Babel、模块化规范、WebPack、Vue-element-admin本地安装问题及解决、Git安装及配置、uni-app
此后如竟没有炬火我便是唯一的光
07-08 525
Node.js 是脱离浏览器环境的javascript 程序，基于V8引擎 运行命令 ： 或 控制台执行： 启动服务器程序；浏览器中输入： 如果以 格式解析 停止服务：控制台输入 注意：如果报错，就说明权限不够，记得用管理员的方式打开 node 执行 ES6 可以看到,index实在for循环内定义的，但是能够在for循环之外来使用的,这个并不是我们能够看到的,这种现象，我们称作为变量穿透，同时在定义变量PI的时候，是希望其不能被修改的，但是显而易见，它是可以被改变的。 注意：
Hbuilder X引导下的uni-app项目创建与UView集成教程
- **跨平台组件库**：UView是uni-app生态中的一款高质量的UI组件库，它基于Vue.js开发，提供了一套丰富的跨平台组件。 - **丰富界面元素**：UView提供了按钮、列表、表单、导航栏等界面元素，方便开发者快速搭建界面...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值