Vue3迁移指南之--依赖报错

Vue3迁移指南之–依赖报错

场景同步

现想将项目从Vue2迁移至Vue3，使用Vite构建项目

遇到问题

初始化项目后想在项目中引入 less,在安装好less、less-loader后项目启动报错，

解决问题

经过一段摸索后，发现是依赖安装的位置问题，是将less、less-loader安装在了dependencies中，重新将依赖安装在devDependencies中，问题解决。

  "dependencies": {
     
    "vite": "^1.0.0-rc.13",
    "less": "^3.13.0",
    "less-loader": "^7.1.0"
  },
  "devDependencies": {
     
    "@vue/compiler-sfc": "^3.0.4",
    "vue-router": "^4.0.1"
  }

思考

1、dependencies生产状态下使用，devDependencies测试环境下使用。迁移过程出错首先认为是升级后配置变化造成的，这个想法是草率的，要先冷静下来思考问题。

2、dependencies与devDependencies多处文章都指出测试环境将先扫描devDependencies再扫描dependencies，这个说法与当前配置相左。极可能是当前项目配置的问题，只扫描了devDependencies未正确扫描dependencies,后续补充。

3、项目中安装进node_modules的依赖是通过dependencies与devDependencies选择加载的，之前忽略了这块逻辑