组件装饰器的vue-loader解析错误-Java 学习之路

我有一个使用vue，typescript，webpack和组件装饰器的问题 .

这是错误

错误在./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-property-decorator'导入{Component，Prop，Vue}; | @Component |导出默认类HelloWorld扩展Vue {| message ='hello world'; @ ./app/modules/popin-ratings-reviews/templates/HelloWorld.vue?vue&type=script&lang=ts 1：0-130 1：146-149 1：151-278 1：151-278 @ ./app/modules /popin-ratings-reviews/templates/HelloWorld.vue @ ./app/modules/popin-ratings-reviews/index.m.ts

似乎webpack vue-loader无法解析组件装饰器语法 . 我该如何解决这个问题？

1 回答

我找到了解决方案

这是我使用的webpack规则的配置，它正在运行

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

回复于 2024-04-27T11:09:39+08:00

组件装饰器的vue-loader解析错误

1 回答

相关问题