Typescript 组件装饰器的vue加载程序分析错误

我在使用vue、typescript、网页包和组件装饰器时遇到问题

这里是错误

./app/modules/popin ratings reviews/templates/HelloWorld.vue？vue&type=script&lang=ts（./node_modules/vue loader/lib？？vue loader options./app/modules/popin ratings reviews/templates/HelloWorld.vue？vue&type=script&lang=ts）10:0 模块分析失败：意外字符“@”（10:0） 您可能需要适当的加载程序来处理此文件类型。 |从“Vue属性装饰器”导入{Component，Prop，Vue}； | @组成部分 |导出默认类HelloWorld扩展Vue{ |message='helloworld'； @./app/modules/popin评级评论/模板/HelloWorld.vue？vue&type=script&lang=ts 1:0-130 1:146-149 1:151-278 1:151-278 @./app/modules/popin评级评论/模板/HelloWorld.vue @/应用程序/模块/popin评级审查/索引m.ts

webpack vue loader似乎无法解析组件装饰器语法。

---

我怎样才能解决这个问题呢？

我已经找到了解决办法

这是我使用的网页包规则的配置，它正在工作

rules: [
  {
    test: /\.tsx?$/,
    exclude: [
      /node_modules/
    ],
    use: {
      loader: "ts-loader",
      options: {
        appendTsSuffixTo: [/\.vue$/]
      }
    }
  },
  {
    test: /\.vue$/,
    use: {
      loader: "vue-loader"
    }
  }
  ...

---

我认为更多的是在babel插件方面/--experimentalDecorators标记出问题所在

必需：ECMAScript阶段1装饰程序。如果使用Babel， 巴别塔插件转换装饰器遗产是必要的 TypeScript，enable--experimentalDecorators标志

它还不支持stage 2 decorators，因为它已经成为主流 传送者仍然可以传送给旧的装饰者

这似乎就是你要找的。

---

我刚刚遇到了同样的问题。你已经找到解决方案了吗？是的，我在下面的评论中提到了