Vue -模块构建失败(来自./node_modules/vue-loader/lib/loaders/templateLoader.js)：SyntaxError:意外令牌(13:1080)

Question

当我试图运行“交叉env NODE_ENV=development nodem./server.js”时，我得到了以下错误：

模块构建失败(来自./node_modules/vue-loader/lib/loaders/templateLoader.js)：)

SyntaxError:意外令牌(13:968)

如何修复它。我用的是Vue 2，Webpack 4和Vue-loader 15.

我在我的webpack.config和vue.config上编写了这样的配置：

const { VueLoaderPlugin } = require("vue-loader");

module.exports = {

  chainWebpack: config => {
    config.plugins.delete("prefetch");
  },

  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.vue$/,
          loader: "vue-loader"
        },
        {
          test: /\.js$/,
          loader: "babel-loader"
        },
        {
          test: /\.css$/,
          use: ["vue-style-loader", "css-loader"]
        }
      ]
    },
    plugins: [new VueLoaderPlugin()],
    resolve: {
      extensions: ["*", ".js", ".jsx", ".vue", ".ts", ".tsx"],
      alias: {
        vue$: "vue/dist/vue.runtime.esm.js"
      }
    }
  }
};

Answer 1

将Benefit.vue的第11行从，this.getData更改为简单的getData