hugo_yu
hugo_yu
  • 发布:2018-08-30 11:16
  • 更新:2021-11-27 17:25
  • 阅读:2063

编译不出来static/css/app.wxss文件是什么原因呢????

分类:uni-app
这是我的app.vue,完全没修改的,出现的后果就是无法进行调试了!!!有遇到过的前辈指点下咯! 因为./app.wxss里面是指向static/css/app.wxss的,没有这个就没法运行整个app,微信端的还能从别的项目复制,但是手机端编译时会自动删掉我复制过来的文件 ```javascript
<script>
export default {
onLaunch: function () {
console.log('App Launch');
},
onShow: function () {
console.log('App Show')
},
onHide: function () {
console.log('App Hide')
}
}
</script>

<style>
/ 这是页面的公用css /

page {  
    background-color: #F8F8F8;  
    height: 100%;  
    font-size: 32px;  
    line-height: 1.6;  
}  

button {  
    margin-top: 20px;  
    margin-bottom: 20px;  
}  

form {  
    width: 100%;  
}  
/* page */  

.container {  
    display: flex;  
    flex-direction: column;  
    min-height: 100%;  
    justify-content: space-between;  
    font-size: 32px;  
    font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;  
}  

.page-head {  
    padding: 60px 50px 80px;  
    text-align: center;  
    line-height: initial;  
    height: 60px;  
}  

.page-head-title {  
    display: inline-block;  
    padding: 0 40px;  
    font-size: 30px;  
    height: 60px;  
    line-height: 60px;  
    color: #BEBEBE;  
    box-sizing: border-box;  
    border-bottom: 2px solid #D8D8D8;  
}  

.page-head-desc {  
    padding-top: 20px;  
    color: #9B9B9B;  
    font-size: 32px;  
}  

.page-body {  
    width: 100%;  
    flex-grow: 1;  
    overflow-x: hidden;  
}  

.page-body-wrapper {  
    display: flex;  
    flex-direction: column;  
    align-items: center;  
    width: 100%;  
}  

.page-body-wording {  
    text-align: center;  
    padding: 200px 100px;  
}  

.page-body-info {  
    display: flex;  
    flex-direction: column;  
    align-items: center;  
    background-color: #fff;  
    width: 100%;  
    padding: 50px 0 150px 0;  
}  

.page-body-title {  
    margin-bottom: 100px;  
    font-size: 32px;  
}  

.page-body-text {  
    font-size: 30px;  
    line-height: 52px;  
    color: #ccc;  
}  

.page-body-text-small {  
    font-size: 24px;  
    color: #000;  
    margin-bottom: 100px;  
}  

.page-foot {  
    margin: 100px 0 30px 0;  
    text-align: center;  
    color: #1aad19;  
    font-size: 0;  
}  

.icon-foot {  
    width: 152px;  
    height: 23px;  
}  

.page-section {  
    width: 100%;  
    margin-bottom: 60px;  
}  

.page-section_center {  
    display: flex;  
    flex-direction: column;  
    align-items: center;  
}  

.page-section:last-child {  
    margin-bottom: 0;  
}  

.page-section-gap {  
    box-sizing: border-box;  
    padding: 0 30px;  
}  

.page-section-spacing {  
    box-sizing: border-box;  
    padding: 0 80px;  
}  

.page-section-title {  
    font-size: 28px;  
    color: #999999;  
    margin-top: 10px;  
    margin-bottom: 10px;  
    padding-left: 30px;  
    padding-right: 30px;  
}  

.page-section-gap .page-section-title {  
    padding-left: 0;  
    padding-right: 0;  
}  

</style>

2018-08-30 11:16 负责人:无 分享
已邀请:
hugo_yu

hugo_yu (作者) - a js lover

我弄了个笨办法,就是复制了一个app.wxss文件放在项目的static/css里面,这样就不需要编译了,可这貌似不是根本办法啊,谁能告诉下我这个文件是怎么编译出来的,我好好奇怎么不出现

2***@qq.com

2***@qq.com

官方文档里面不是说编译到任意平台,static目录文件会完整打包但不会编译

该问题目前已经被锁定, 无法添加新回复