Vue2集成Quasar启动提示找不到quasar/dist/babel-transforms/imports.js如何解决

错误原因说明 #

• 找不到quasar/dist/babel-transforms/imports.js的错误：vue-cli-plugin-quasar@3仅适配Quasar v2 + Vue3的技术栈，你当前使用Vue2 + Quasar v1，需要对应使用2.x版本的vue-cli-plugin-quasar，且该插件属于开发依赖，不应该放在生产依赖dependencies字段中。
• node-sass编译报错：你使用的Node 16版本与node-sass@4.13.0不兼容，node-sass已经停止维护，你的项目已安装sass依赖，完全可以满足样式编译需求，直接移除node-sass即可。

操作步骤 #

1. 清理现有无效依赖文件

rm -rf node_modules package-lock.json
# Windows系统手动删除node_modules文件夹和package-lock.json文件即可

2. 修改package.json文件调整依赖配置

• 删除dependencies字段中的"vue-cli-plugin-quasar": "^3.0.2"配置项
• 在devDependencies字段中添加"vue-cli-plugin-quasar": "^2.0.0"
• 将dependencies字段中的"quasar": "^1.0.0"修改为"quasar": "^1.22.10"
• 删除devDependencies字段中的"node-sass": "^4.13.0"配置项

3. 重新安装依赖

npm install

4. 重新初始化Quasar配置

vue invoke quasar

按照交互提示选择你需要的Quasar配置即可。
5. 启动项目验证

npm run serve

完成上述操作后项目即可正常编译启动。 #

内容的提问来源于stack exchange，提问作者Kog