Vue2项目中Vuetify报错无法解析vuetify/src/stylus/app.styl求助

可行解决步骤： #

1. 修正Vuetify样式导入路径 #

打开src/plugins/vuetify.js，检查样式导入语句：

• 若使用Vuetify 2.x版本，原import 'vuetify/src/stylus/app.styl'已不再适配，替换为：

  import 'vuetify/dist/vuetify.min.css'
  

• 若需自定义Stylus样式，先确保安装相关依赖：

  npm install stylus stylus-loader --save-dev
  

2. 重置项目依赖 #

即使未手动修改node_modules，也可能出现依赖损坏或缓存异常：

• 删除node_modules文件夹和package-lock.json（或yarn.lock）
• 重新安装依赖：

  npm install
  # 或使用yarn
  yarn install
  

3. 重新初始化Vuetify配置（Vue CLI项目） #

如果是通过Vue CLI创建的项目，可重新执行初始化命令修复配置：

vue add vuetify

4. 清理Webpack缓存 #

编译缓存可能导致路径解析异常：

• 执行无缓存的编译命令：

  npm run serve -- --no-cache
  

• 或直接删除项目根目录下的node_modules/.cache文件夹（若存在）

内容的提问来源于stack exchange，提问作者Marcelo Rocha Rodríguez