uniapp sass直接写page报错

UniApp 使用Sass时，在`pages`文件夹下直接编写Sass可能会导致编译错误。这是因为UniApp的预处理器是Vue CLI提供的，而默认情况下，它期望CSS样式文件（如`.vue`文件中的`<style>`标签）而非Sass直接在页面文件中。

在UniApp中正确处理Sass的方式是：

1. **设置配置**：在项目根目录下的`uni-app.config.js`文件中，启用Sass支持：

   module.exports = {
     // ...
     cssPreprocessor: 'sass',
   };

2. **组织结构**：将Sass文件放在`src/assets/sass`或其他自定义路径下，然后导入到对应的`.vue`组件里：

   <template>
     <view>
       <style lang="scss" scoped>
         @import '@/assets/sass/myComponent.scss';
       </style>
     </view>
   </template>

或者全局Sass文件可以在`src/styles/global.scss`，然后在`main.js`中引入：

   import '@/styles/global.scss';

3. **编译**：运行`yarn build`或`npm run build`命令，这会通过Vue CLI的构建工具编译Sass并生成CSS文件。

如果你遇到具体报错，通常是因为语法错误、找不到文件路径或者其他配置问题。检查一下Sass语法是否正确，并确认路径引用是否无误。如果还有疑问，提供具体的错误信息可以帮助更好地定位问题。