vue-element升级框架遇到的坑

末蓝、 2023-06-19 02:24 3阅读 0赞

#### 背景 ####

vue-element-template 版本为3.9，因为mock用起来不爽，升级为4.0以上方可使用服务端的mock。  
框架版本转换过程中遇到一些坑。

升级采用手动升级，即直接git下来4.2的vue-element-template，然后，把旧的代码，一点点移到新的项目框架下

#### 问题如下 ####

1.  git 下来4.2的版本后，`yarn`安装时，node-sass安装不成功，老报错  
    解决办法，在项目根目录下，添加`.npmrc`文件，内容如下

phantomjs_cdnurl=http://cnpmjs.org/downloads
    sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
    registry=https://registry.npm.taobao.org

1.  代码中资源文件名与`/src/assets/`下的资源，大小写问题不匹配

Module not found: [CaseSensitivePathsPlugin] C:\Users\timhu\Dev\..\xxxxX.xxx 
    does not match the corresponding path on xxx\xxxx.xx.

1.  v3.9下的静态资源放在`/static`文件下，使用时路径直接为`./static/`，而v4.0以上版本的静态资源目录为`/public`，在`/public`目录下的任何资源，引用时，直接为`/`目录下，不需要添加`/public/`  
    报错如下:
2.  vue-element-tamplate4.2是启用了es6语法检查的，eslint无限报错，如下：

warnings potentially fixable with the `--fix` option.

解决方案：  
在package.js中添加 --fix 选项

{ 
    "scripts": { 
        "lint": "eslint --fix --ext .js,.vue src",
        }
    }

如何关闭eslint语法监测呢？ [看这里][Link 1]

[Link 1]: https://blog.csdn.net/youlinhuanyan/article/details/103382687

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关 SeekBar遇到的坑

1.在用Seekbar时宽度和父布局不一致宽度不到边 <SeekBar android:id="@+id/seek_select_time"

刺骨的言语ヽ痛彻心扉/ 2024年02月19日 22:06/ 0 赞/ 53 阅读

相关 vue-element升级框架遇到的坑

背景 vue-element-template 版本为3.9，因为mock用起来不爽，升级为4.0以上方可使用服务端的mock。框架版本转换过程中遇到一些坑。升

末蓝、/ 2023年06月19日 02:24/ 0 赞/ 4 阅读

相关升级webpack5过程中遇到的坑

将项目的weback从3升到了5，遇到了一系列的问题，这里记录两个： 1. extract-text-webpack-plugin兼容问题 2. webpack-dev-

忘是亡心i/ 2022年10月27日 15:49/ 0 赞/ 484 阅读

相关记录一次升级glibc遇到的坑

系统环境：centos 6.5 升级原因：服务器上面打包按照apk包使用到aapt命令，报错“libc.so.6: version GLIBC\_2.14 not fou

蔚落/ 2022年09月11日 01:26/ 0 赞/ 1027 阅读

相关 Xposed遇到的坑

如果某个APP的dex有多个在安卓5，0以上ART会合成一个oat文件。那么5.0以下会存在多个dex。所以在5.0以下hook一个某个方法，而这个方法不在主dex，而存

比眉伴天荒/ 2022年06月07日 14:07/ 0 赞/ 374 阅读

相关 mac 升级mysql无法启动，无pid，遇到的那些坑

一、bug发生原因：在mysql官网下载的5.7.21版本，安装后遇到如下问题： 1.[未能载入偏好设置面板“MySQL”][MySQL]； 2.当执行启动时，报PID找不

本是古典何须时尚/ 2022年06月01日 09:18/ 0 赞/ 479 阅读

相关 RecyclerView遇到的坑

1. 在onBindViewHolder的时候不能移除item,否则会崩溃 java.lang.IllegalStateException: Cannot call

绝地灬酷狼/ 2022年05月28日 09:43/ 0 赞/ 236 阅读

相关 elasticsearch 遇到的坑

elasticsearch安装踩过的那些坑：坑1: \[\\\\]failed to send join request to master 原因：你复制了某个节点

小咪咪/ 2021年11月01日 05:24/ 0 赞/ 755 阅读

相关 jumpserver遇到的坑

安装：https://github.com/jumpserver/jumpserver，看readme照着做就行，下面是遇到的坑。 0.4.4版坑： 1.要升级pip

刺骨的言语ヽ痛彻心扉/ 2021年09月30日 10:40/ 0 赞/ 625 阅读

相关 Hibernate 遇到的坑

传统的java开发中,通常分领域模型，model。在对数据进行保存的时候通常一般会保存到vo中,显示数据到页面的时候通常是dto,前几天遇到个坑,在dto中封装实体对象，...

灰太狼/ 2021年01月18日 01:04/ 0 赞/ 783 阅读