TypeError: Cannot read properties of undefined (reading 'style-resources-loader')

这个错误通常是由于缺少相应的依赖包或配置文件引起的。在这种情况下，缺少 `style-resources-loader` 依赖包或相关的配置文件。你可以通过以下步骤来解决这个问题：

1. 确保你已经安装了 `style-resources-loader` 依赖包。你可以在终端中运行以下命令来安装它：

   npm install style-resources-loader --save-dev

2. 如果你已经安装了 `style-resources-loader` 依赖包，那么你需要检查你的 webpack 配置文件是否正确。你可以在 webpack 配置文件中添加以下代码：

   module.exports = {
     // ...
     module: {
       rules: [
         // ...
         {
           test: /\.scss$/,
           use: [
             'vue-style-loader',
             'css-loader',
             'sass-loader',             {
               loader: 'style-resources-loader',
               options: {
                 patterns: [
                   // 添加你的 scss 文件路径
                   path.resolve(__dirname, 'path/to/your/scss/file.scss'),
                 ],
               },
             },
           ],
         },
       ],
     },
     // ...
   };

这将告诉 webpack 在编译时将你的 scss 文件注入到每个组件中。

如果你使用的是 Vue CLI，你可以在 `vue.config.js` 文件中添加以下代码：

   module.exports = {
     // ...
     css: {
       loaderOptions: {
         sass: {
           additionalData: `
             @import "@/path/to/your/scss/file.scss";
           `,
         },
       },
     },
     // ...
   };

这将告诉 Vue CLI 在编译时将你的 scss 文件注入到每个组件中。