Vue 项目中,引用vue组件,该组件是发布成npm包引入的,组件的目录结构和项目的目录结构相似。
报错因素 组件中 某段js代码 import(`@/assets/css/theme-variable-${this.theme}.scss`)
编译报错: ERROR Failed to compile with 1 errors
报错原因: 项目结构中没有 @/assets/css 文件,编译时找不到改目录,导致报错,组件中有assets/css。
但是在编译过程中,优先找的是项目目录中的@/assets/css,没找到就报错了
更改方式:组件中修改引用路径方式,改为import(`./../assets/css/theme-variable-${this.theme}.scss`)
或者 在项目中增加asset文件夹下增加,css文件夹,这样做能避免编译报错,但是还是有找不到***.scss文件的错误提醒。页面显示正常
网友评论