今天新建一个uniapp项目想引入uview,但是编译过程中一直报错说找不到文件
报错:SassError: File to import not found or unreadable: @/uni_modules/uview-ui/theme.scss.
我根据网上的给的配置信息普遍都是绝对路径,如@/uni_modules/uview-ui/theme.scss,
或者"./uni_modules/uview-ui/theme.scss";反正无论什么形式,只要事实上的全路径,都找不到文件
网上的错误写法:(网上的不一定错,我同事之前的代码也是这样的,在我本地也能跑,但是不知道为什么我新建的项目按这套方法就不行)
// main.js
import uView from './uni_modules/uview-ui';
Vue.use(uView);
//要写在import Vue from 'vue'后
/* uni.scss */
@import "./uni_modules/uview-ui/theme.scss";
<style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import 'uni_modules/uview-ui/index.scss'
</style>
"easycom": {
"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
}
我的正确写法:(删掉前面的路径,直接从uview开始写路径,easycom那个配置估计暂时用不到,所以写全路径也没有报错)
// main.js
import uView from 'uview-ui';
Vue.use(uView);
//要写在import Vue from 'vue'后
/* uni.scss */
@import "uview-ui/theme.scss";
<style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import 'uview-ui/index.scss'
</style>
"easycom": {
"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
}