vite vue less无法识别 @import ~别名

最新推荐文章于 2025-04-02 21:32:17 发布

czDonald

最新推荐文章于 2025-04-02 21:32:17 发布

阅读量2.2w

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/CZDonald/article/details/115112273

版权

在Vite Vue项目中，遇到一个错误：尝试引入Ant Design Vue的默认主题时，Less解析器无法识别`~`别名导致编译失败。错误提示找不到指定的less文件。解决方案是更新项目的alias配置，将`~`别名替换为空字符串。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vite vue引入其他组件使用less 无法识别@import ~别名

上午10:50:01 [vite] Internal server error: '~ant-design-vue/es/style/themes/default.less' wasn't found. Tried - C:\Users\sbl_dev\Desktop\project\bcloud\node_modules\@ant-design-vue\pro-layout\es\~ant-design-vue\es\style\themes\default.less,node_modules\~ant-design-vue\es\style\themes\default.less,npm://~ant-design-vue\es\style\themes\default.less,~ant-design-vue\es\style\themes\default.less
  Plugin: vite:css
  File: C:/Users/sbl_dev/Desktop/project/bcloud/node_modules/@ant-design-vue/pro-layout/es/BasicLayout.less
  1  |  @import '~ant-design-vue/es/style/themes/default.less';
     |  ^
  2  |  
  3  |  @basicLayout-prefix-cls: ~'@{ant-prefix}-pro-basicLayout';
      at less (C:\Users\sbl_dev\Desktop\project\bcloud\node_modules\vite\dist\node\chunks\dep-efe32886.js:19155:33)
      at async compileCSS (C:\Users\sbl_dev\Desktop\project\bcloud\node_modules\vite\dist\node\chunks\dep-efe32886.js:18837:34)
      at async TransformContext.transform (C:\Users\sbl_dev\Desktop\project\bcloud\node_modules\vite\dist\node\chunks\dep-efe32886.js:18523:50)
      at async Object.transform (C:\Users\sbl_dev\Desktop\project\bcloud\node_modules\vite\dist\node\chunks\dep-efe32886.js:43649:30)
      at async transformRequest (C:\Users\sbl_dev\Desktop\project\bcloud\node_modules\vite\dist\node\chunks\dep-efe32886.js:59310:29)
      at async C:\Users\sbl_dev\Desktop\project\bcloud\node_modules\vite\dist\node\chunks\dep-efe32886.js:59418:32 (x2)

尝试用以下方法替换您的alias选项：

export default defineConfig({
  // ...
  resolve: {
    alias: [
      { find: /^~/, replacement: '' }
    ],
  }
});