随笔分类 - vue
摘要：Nuxt3+Vue3项目中，执行yarn dev时警告：Browserslist: browsers data (caniuse-lite) is 6 months old. 可以看到，执行是没问题，只是这个Warn太刺眼，需要解决。 看到下方提示：请执行 npx update-browsersli
阅读全文
摘要：原因分析：在Vue 3中，defineEmits是编译器宏，无需显式导入即可直接使用。该功能自Vue 3.2版本开始支持，在<script setup>中定义组件事件时，会自动处理类型检查和默认值设置。 所以需要删除 defineEmits的import 语句 解决方法：全局查找关键词defineE
阅读全文
摘要：情景描述： 生成的一个时间序列，横向排列，需要左右控制选中项移动，且选中项移动到超出部分时，往左的时候，选中项位于可视区域的最左侧，往右的时候，选中项位于可视区域的最右侧。 问题描述： 左右按钮可以控制选中项移动，但无法控制在选中项在超出项时，可视区域的移动，经检查，slideTo方法无法生效。 解
阅读全文
摘要：uniapp开发H5页面完成后，执行yarn build进行打包时报错：Error: Cannot find module 'babel-plugin-transform-remove-console' 解决方法： 既然缺少babel-plugin-transform-remove-console，
阅读全文
摘要：第一步：安装dPlayer依赖包： npm install dplayer --save 或 yarn add dplayer 2.引用dPlayer: import DPlayer from 'dplayer' 3.初始化与设置参数： <script setup> import { ref, on
阅读全文
摘要：执行打包命令时 yarn build，提示： asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).This can impact web performance. 虽然影响不大，但这
阅读全文
摘要：使用uniapp+Vue开发H5时，执行yarn serve运行，发现大量警告：(Emitted value instead of an instance of Error) <v-uni-view v-for="item in standardList">: component lists ren
阅读全文
摘要：搭建vue+nuxt项目时候，需要用到sass，执行yarn add sass --dev时，报错：error Can't add "nuxt-app": invalid package version。如图： 解决方法： 1.执行命令：yarn set version stable 2.执行命令，
阅读全文
摘要：场景描述： vue开发H5页面过程中，需要用到加密解密接口，以及一系列反向代理配置。配置文件一般为——vue.config.js ; 如下： const path = require('path'); let zipName = 'sdbf-h5'; module.exports = { css:
阅读全文
摘要：场景描述：使用uniapp框架开发H5页面时，打包项目报错——Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. 全局搜索Sass，检查后发现，package配置文件
阅读全文
摘要：在vue开发中，经常会遇到跨域问题。那么比较常见的前端处理方法就是配置反向代理，如何配置呢？ 1.前往根目录，创建vue.config.js文件； 2.编写配置： 1 const path = require('path'); 2 // const ZipPlugin = require('zip-
阅读全文
摘要：编写H5-vue页面时，因为复制了之前的文件，有个方法没用到也没删除， 导致报错：Error in onLoad hook: "SyntaxError: "undefined" is not valid JSON" 解决方法： 前往detail-znzj.nvue文件，全局查询 onload方法，删
阅读全文
摘要：运行Vue项目时；报错 Syntax Error: TypeError: this.getOptions is not a function ； 原因分析：一般此种情况是因为sass-loader版本过高，导致项目不兼容 处理方法：降低sass-loader版本 操作步骤： 1.在项目根目录下，打开
阅读全文
摘要：编写Vue项目时候，文件报错，Failed to resolve loader: sass-loader，一般是没有安装Sass但是却引用了Sass语法 报错引用： 处理方式： 1.分别执行命令，安装Sass模块 npm i node-sass -D npm i sass-loader -D 注意：
阅读全文
摘要：类似Webstorm快捷键快速生成html或者Vue文档，Vscode也可以设置。 设置流程如下： 1.确认Vscode是否安装Vetur插件，如图，显示Disable和Uninstall即表示已安装，无此状，点击Install安装即可。 2.确认Vuter已安装，点击File>>>Preferen
阅读全文
摘要：运行Vue项目的时候，报错：Node Sass version 6.0.1 is incompatible with ^4.0.0. 表示——Sass版本过高，需要手动卸载已有Sass版本后，降低版本。 操作步骤： 1.卸载原版本： npm uninstall node-sass 2.安装低版本：
阅读全文
摘要：编写VUE项目时候，报错 ERROR Failed to compile with 1 error 下午1:46:02Failed to resolve loader: sass-loaderYou may need to install it. 解决方法：安装sass-loader即可； 操作步骤
阅读全文
摘要：使用Vue搭建项目时候，需要用到Sass，参照教程使用 “npm install -D sass-loader sass”安装后，执行npm run serve，报错： TypeError: this.getOptions is not a function 分析：由于sass配置版本较高，不兼容当
阅读全文
摘要：使用 git bash 创建vue项目时候，无法使用上下键盘按键选择vuecli版本， 处理： 1.当前界面，按CTR + C终止创建命令； 2.使用 alias vue='winpty vue.cmd'，更新命令环境； 3.再次使用 vue create demo创建项目； 4.如图示，即可使用键
阅读全文
摘要：搭建Vue+node做博客系统时，有一段数据代理设置，设置后，还是无法调用到正确的响应数据，观察到本地连接端口设置的是8080，但是打开确是8081，发现是之前别的本地项目占用了8080。 使用命令： netstat -ano|findstr 8080 查看占用的端口， tskill 端口id号 重
阅读全文
浙公网安备 33010602011771号