webpack打包单个vue文件报错：Cannot read properties of undefined (reading 'styles')

这个错误通常是因为缺少Vue Loader插件导致的，Vue Loader可以帮助Webpack将.vue文件转换为JavaScript模块。你可以按照以下步骤来解决这个问题：

1. 安装Vue Loader插件：

npm install vue-loader vue-template-compiler --save-dev

2. 在Webpack配置文件中添加Vue Loader插件：

module.exports = {
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      }
    ]
  }
}

3. 在.vue文件中添加<style>标签：

<template>
  <div>Hello, World!</div>
</template>

<script>
export default {
  name: 'HelloWorld'
}
</script>

<style>
/* Add some styles here */
</style>

这样就可以成功打包单个.vue文件了。如果还有其他问题，请提供更多信息以便我更好地帮助你解决问题。