![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
入门级前端开发
这个作者很懒,什么都没留下…
展开
-
vue引用tinymce时,报错UncaughtSyntaxError:Unexpected token
这是由于tinymce没有正确解析所致,在安装tinymce后,将node_modules目录下的tinymce内容复制到static文件夹下,然后在引用tinymce地方根据报错位置引用配置项文件,如果是plugins.js报错,将tinymce.init中plugins对应的文件引用上。如果引用文件配置完成后,没有报错,但是不显示内容,查看一下是不是样式没有正确引用进来,如果是,在js中引用对应的样式文件。原创 2024-08-20 18:38:10 · 219 阅读 · 0 评论 -
vue启动项目时报错Module build failed:TypeError:Can not read property “range“ of null
通过git拉取的项目,npm run dev启动时报错TypeError:Can not read property "range" of null,主要是因为eslint包的问题,可以将babel-eslint包换成7.2.3版本,npm install babel-eslint@7.2.3,然后删除node_modules文件夹,重新install,再运行,就好了。或者将.eslintrc.js文件中的内容注释掉再运行。原创 2024-08-15 09:29:57 · 143 阅读 · 0 评论 -
vue修改node-modules文件并应用到后续打包中,不用重复修改
在vue中使用一些第三方插件时,可能会有部分bug或者希望定制化修改源码,如果只在node-modules中进行修改,下次进行打包或者同步到其他地方的代码并不生效,还要进行再次修改,这时候可以用到patch-package进行依赖补丁。然后进行手动修改node-modules下的文件,修改后执行npx patch-package package-name(package-name为你修改的组件包的名字,不是文件名称);错误,切换npm的版本,本人使用16以上的版本是成功了的,12的就会出现报错如下图。原创 2024-08-14 13:25:35 · 169 阅读 · 0 评论 -
vue3页面跳转传值时获取不到params值
路由跳转时,将this.$router.push({path: '/index',params: {}})改为this.$router.push({name: 'index',params: {}}),即用name进行跳转时,就可以获取到params传递的参数了。控制台警告Path "/index" was passed with params but they will be ignored. Use a named route alongside params instead.原创 2024-08-12 14:11:39 · 483 阅读 · 0 评论 -
vue项目打包后出现图片引用路径错误的问题
根据‘build/webpack.base.conf.js’与‘config/index.js’对应关系,可知大于10000B的图片被打包到了‘static/img’目录,所以引用路径就变成了‘static/img/+文件名’。修改‘config/index.js’下assetsPublicPath的‘/’为‘./’,在‘build/utils.js’中ExtractTextPlugin.extract下添加‘publicPath: '../../'’原创 2024-08-10 22:18:52 · 242 阅读 · 0 评论 -
vue项目的按需加载
而对于vue模块引用来说,我们没必要在一开始就将所有模块js都引入进来,所以我们要将‘src/router/index.js’中引入模块的代码进行修改。使用 vue-cli构建的项目,在默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,而这个文件一般会比较大,可能几兆甚至几十兆,结果导致页面加载时间过长,对于用户来说这是一个极不友好的体验,所以有些时候我们就需要用到‘按需加载’。这样就可以将一个大的js文件拆分为一个个小的文件,根据用户触发事件进行按需加载了。原创 2024-08-10 22:22:29 · 110 阅读 · 0 评论