- 博客(66)
- 收藏
- 关注
RSS订阅原创 编译报错：Module parse failed: Unexpected token (18:41)
error in ./node_modules/yargs/lib/platform-shims/esm.mjsModule parse failed: Unexpected token (18:41)You may need an appropriate loader to handle this file type, currently no loaders are 借助网上搜索，发现是webpack缺失一个loader加载器，网上其他博客的解决方法都是在webpack.js里面进行修改代码。
2023-02-07 11:53:24
5966
5
原创 message:Error: app.json: 在项目根目录未找到 app.json appid: wx5259e55145bce3
导入项目后project.config.json文件被微信开发者工具修改，缺少代码：“miniprogramRoot”: "./dist""miniprogramRoot": "./unpackage/dist/dev/mp-weixin",重新定义项目的根路径。具体路径可以找到/dist/dev/mp-weixin文件夹，大家路径可能不一样，具体按照自己的实际情况来写就好了。
2022-12-22 21:10:34
17607
1
原创 HBuilderX低版本安装高版本组件库插件（HBuilderX 离线安装插件）
背景：因为教学视频安装下来的HBuilderX版本低于现发行的，但是插件是最新版，想要使用到组件插件，特此记录方法步骤。
2022-11-15 16:46:09
1669
6
原创 Component “custom-tab-bar/index“ does not have a method “onChange“ to handle event “change“.
微信小程序报错：Component "custom-tab-bar/index" does not have a method "onChange" to handle event "change".
2022-11-05 17:14:45
2104
原创 解决报错：Vue移动端项目中鼠标无动作时，滚动条自动下滑，拉取数据
翻遍了代码，我也没有写鼠标滚动条事件啊，scrollTop都没有写。在这个思路我困在里面2个多小时，查阅网上资料无果，心态崩溃了1个多小时。2.后面我就在想，是不是vant组件库的问题，里面的底部加载事件方法有问题。看了下，只是滑动到底的时候，去请求接口。每次想要放弃的时候，还好我告诉自己，再看20分钟，就不钻牛角尖了。在鼠标慢慢滚动，滚动到某一处位置的时候，滚动条自动触发，拼命往下走。想了想应该不会，但是我还是检查了一下（老爷保佑，找到了问题了）请求回来的数据列表，第一页和下一页没有合并！
2022-09-16 18:12:09
1090
原创 【Vue报错】app.js:167 Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
app.js:167 Uncaught TypeError: Cannot read properties of undefined (reading 'install') at Function.Vue.use (vue.runtime.esm.js?c320:5739:1) at eval (index.js?5aa4:19:1) at Module../src/router/index.js (app.js:95:1) at __webpack_require__ (a
2022-09-16 00:39:34
4182
原创 socket功能集成聊天-发送空白文本
现在点击提交键，不仅文本显示不了在聊天记录上，并且，在发送函数方法中console.log打印输入框文本this.word，控制台出现的居然是空白的！4.最后定位在this.word上，既然data里的word输出是空白，那是不是漏写了双向绑定呢？3.看了几十遍，都没有发现问题QAQ，百度也无果；最后还是看回自己的代码。点击“提交”键，发送用户输入的文本。想要跟小猫咪聊天，还是得多细心专心才行 TAT。
2022-09-14 16:16:48
252
原创 Error in created hook (Promise/async): “AxiosError: Request failed with status code 404“
vue.runtime.esm.js?c320:4573 [Vue warn]: Error in created hook (Promise/async): "AxiosError: Request failed with status code 404"AxiosError{message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request:.
2022-08-30 15:02:39
899
原创 【前端面试题】【JavaScript】谈一谈set 、map的共同点和不同点
set 是一种叫做集合的数据结构,Map是一种叫做字典的数据结构。Set 和 Map 主要的应用场景在于 数据重组 和 数据储存。
2022-08-26 11:43:19
637
原创 【前端面试题】【JavaScript】数组有哪几种循环方式？分别有什么作用？
every()：一假即假，必须所有都返回true才会返回true，哪怕有一个false，就会返回falsesome()：一真即真, 只要其中一个为true 就会返回true
2022-08-26 10:56:30
303
原创 写需求套路/组件使用套路
2.用组件（标签和js复制）读、删、改。1.找组件，引组件，2.数据铺设，数据绑定，数据微调。3.js交互 -> 事件/正则。
2022-08-25 12:12:44
146
原创 ERROR in ./node_modules/vant export ‘createVNode‘ (imported as ‘_createVNode‘) was not found in ‘vue
ERROR in ./node_modules/vant/es/nav-bar/NavBar.mjs 83:61-73 export 'createVNode' (imported as '_createVNode') was not found in 'vue’
2022-08-24 19:14:43
4726
原创 【前端面试题】【Vue】v-if 和v-show有什么区别？
v-show操作的是切换css的渲染，实际操作的是display属性（none/block）；一般来说，v-if有更高的切换开销，而v-show有更高的初始渲染开销。v-show 就简单得多，不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换，它操作的是display：none/block属性。v-if是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建，操作的实际上是dom元素的创建或销毁。Q：v-if 和v-show有什么区别？
2022-08-24 17:03:45
308
原创 git init报错：‘git‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
背景：已经安装git，但是使用命令行git init的时候，报错：'git' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
2022-08-24 12:03:54
4823
原创 【前端面试题】/【Vue】组件中的data为什么要定义成一个函数而不是一个对象？
A：因为当定义为一个数组/对象时候，我们改变data中其中一个数据的值的时候，会影响到其他的数据，导致数据污染，而定义为一个函数，则可以避免这个情况。当 data 的值是同一个引用类型的值时，改变其中一个会影响其他。Q：组件中的data为什么要定义成一个函数而不是一个对象？A：每个组件都是 Vue 的实例。
2022-08-23 11:53:53
406
原创 Vue项目报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)“
[Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')"
2022-08-09 10:38:46
3655
原创 el-tooltip和el-popconfirm一起使用的方法
已经用el-tooltip来包裹el-button了，此时想弹出一个pop对话框，发现加了el-popconfirm组件后，不仅没有出现对话框，并且原来的按钮也消失了。组件el-popconfirm嵌套在外层后，标签，且必须添加关键的。...
2022-08-02 12:25:50
2061
3
原创 数组some和every的区别
都可以遍历数组中每一项的数据；都不会对空数组进行检测；都不会改变原始数组。通俗点来说some比较容易满足，只要有1个条件符合，他就返回true；every要求高，要全部条件满足，才返回true。
2022-07-28 16:15:45
2489
原创 Vue后台管理项目中解决需要配置多个端口号问题
背景尚品汇项目中，教程代码写的如下：在vue.config.js中配置跨域代理用axios封装了一个request.js:.env.development中：可见其是拼接了VUE_APP_BASE_API这个路径：我们写什么他自动给我们拼接上去。解决经过前辈指点改写代码如下：不采用教程里拼接简写这种写法了。在vue.config.js中配置跨域代理request.js: 接着在引用到接口的地方各自补充上对应的/dev-api 、/dev1-api登录部分相关代码： 商品列表部分代码：
2022-07-14 17:24:32
2558
原创 解决Vue项目打包后dist中的index.html用浏览器无法直接打开的问题
1.github是不是不能部署带有接口项目的前台电商项目啊 是不是得买服务器才能在线看啊 静态的我会部署，但是这个电商项目带了接口，我想应该不可以就这样放上去的2.用npm run bulid打包后的index是不是不能直接打开。我百度了方法，都是让我改路径，但是他们都用webpack打包的，我这个是用npm init初始化的，并没有webpack下面的路径，所以我也改不了 3.那要怎么把这个前台项目部署到服务器上呢，是不是只能买个服务器来部署呀！！我主要想实现在线预览，给别人也可以看到做过的项目，
2022-07-11 14:45:04
7669
原创 Vue图片懒加载报错：[Vue warn]: Failed to resolve directive: lazy
[Vue warn]: Failed to resolve directive: lazy
2022-07-08 16:31:37
7251
5
原创 Vue中export const 和 export default的区别
Vue中export const 和 export default的区别
2022-07-04 16:54:22
630
原创 Vue报错：Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘skuId‘)“
[Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'skuId')"
2022-07-01 00:27:00
62538
1
原创 Vue报错： [Vue warn]: Duplicate keys detected: ‘5‘. This may cause an update
[Vue warn]: Duplicate keys detected: '5'. This may cause an update error
2022-06-28 14:34:54
3832
原创 v-for和v-if不能同时使用（原因和解决方法）
原因：当v-for和v-if同时使用时，VSCode会提示报错，这是因为v-for的优先级比v-if的优先级高，每一次遍历，再一个一个决定是否需要显示出来，渲染了多余的DOM节点，这会影响性能。解决： 1.加一个来解决 2.使用计算属性computed来解决3.使用v-show解决...
2022-06-26 23:51:58
648
原创 【Vue项目】实现商品的升降序
需求思路1. 给li绑定一个动态的类active，判断何时加上去类。为什么要加这个active，一个是可以改变背景颜色，另一个是为了确定，我们正在点击哪一个页签。接口文档定义了数据searchParams里的order：【1:综合；2：价格；asc:升序；desc:降序】那么一共有四种排列方式 1:asc；1:desc；2:asc；2:desc利用这个order属性，来判断我们正在点击哪一个页签。包装成一个计算属性，方便我们使用 2.接下来我们要给页签旁边加一个箭头。这里采用了阿里的图标库： http
2022-06-23 14:43:41
1364
原创 Vue中$route和$router区别
$router为vueRouter的实例，相当于一个全局路由对象，里面含有很多属性和子对象$route相当于当前正在跳转的路由对象
2022-06-22 11:29:22
305
原创 Vue-cli中报错：Module not found: Error: Can‘t resolve ‘vue-router ‘
配置尚硅谷的尚品汇环境时，报如下错误：Compiled with problems:XERROR in ./src/router/index.js 2:0-23Module not found: Error: Can't resolve 'vue ' in 'D:\F\XX\project-SPH\app\src\router'ERROR in ./src/router/index.js 3:0-36Module not found: Error: Can't resolve 'vue-
2022-06-14 16:50:20
20051
4
原创 Vue脚手架报错：npm ERR! code ENOENTnpm ERR! syscall opennpm ERR!
背景启用脚手架的时候，报如下错误。npm ERR! code ENOENTnpm ERR! syscall opennpm ERR! path D:\F\XX\project-SPH/package.jsonnpm ERR! errno -4058npm ERR! enoent ENOENT: no such file or directory, open 'D:\F\XX\project-SPH\package.json'npm ERR! enoent This is related to np
2022-06-13 18:20:59
3329
原创 GitHub命令汇总（实用版）
问题：在GitHub使用过程中用命令git clone下载和使用页面上download zip的下载有什么不一样？
2022-06-10 12:23:36
269
原创 Vue中使用router-view渲染不成功
在div中引入router-link标签实现路由的切换后，再在指定的位置使用router-view显示与 url 对应的组件，发现页面无法正常渲染。
2022-06-06 17:04:11
5497
原创 Vue中报错：Error in v-on handler: “ReferenceError: state is not defined“
目录背景解决报错思路反思在编写组件化时，Vue提示报错：Error in v-on handler: "ReferenceError: state is not defined"
2022-06-05 17:45:23
16706
原创 Vue中从Vuex共享组件中读取交互数据的方法
第一步：在共享组件中的state准备好测试数据：在单独组件A中编写模板，并且从state中读取数据，遍历出来。OR在单独组件A中引入mapState，使用mapState的对象写法或者数组写法第二步：在单独组件A中双向绑定数据和方法在共享组件中准备用于操作的数据第三步：在单独组件A中的computed中编写单独组件B的数据，接着就可以在A中直接使用B中的数据sum了。 在单独组件B中读取单独组件A的数据 同样，也是在B中的computed计算属性中编写A中的数据，
2022-06-05 01:35:52
703
原创 Vue中安装pubsub-js库报错相关事宜
目录背景哪里查看版本？如何安装背景使用命令行npm i pubsub-js 安装pubsub-js时候报错。因为安装pubsub-js的订阅和发布消息功能，目前仅支持1.6.0版本 所以安装的时候要注意版本。哪里查看版本？找到Vue脚手架文件夹中的package.json，打开，搜索关键词 "pubsub-js"可以看见。如何安装打开终端，输入命令行：npm install pubsub-js@1.6.0 再次查看版本可见变为1.6.0版本了。
2022-05-31 15:18:04
3320
原创 Vue脚手架报错：Component name “School“ should always be multi-word vue/multi-word-component-names
目录背景解决方法背景运行命令行：npm run serve时，提示报错：error Component name "School" should always be multi-word vue/multi-word-component-names（组件名称“School”应始终为多字vue/多字组件名称）解决方法打开文件夹中 vue.config.js，配置命令行lintOnSave:false，这个命令行目的是，关闭自动语法检查，使得代码...
2022-05-23 16:51:18
4031
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人