带有VueJS的Webpack：语法错误：意外令牌'：'

问题描述

• Laravel Mix版本：6.0.0-beta.9
• Webpack版本：5.0.0
• VueJS版本：2.6
• Vue加载程序版本：15.9.2（由于https://github.com/vuejs/vue-loader/issues/1672而无法升级）

我正在通过Laravel Mix使用Webpack来构建一些VueJS资产，并且我刚刚升级了依赖项版本以解决另一个看起来已经解决的问题，但是现在我已经获得了很多次

error  in ./resources/js/panel/components/Register.vue

Syntax Error: Unexpected token (5:2)

  3 |   <b-card
  4 |       header-class="h3"
> 5 |       :header="$tcap('route.register')"
    |       ^
  6 |   >

尽管在配置中使用Vue Loader，但Webpack似乎不喜欢VueJS绑定令牌

const webpackConfig = {
    resolve: {
        extensions: [ '.js','.vue' ],alias     : { '@': `${ __dirname  }/resources` },},output: {
        publicPath   : `/`,chunkFilename: 'js/[name].[chunkhash].js',module : {
        rules: [
            {
                test: /\.vue$/,loader: 'vue-loader',options: {
                    loaders: {js: 'awesome-typescript-loader?silent=true'}
                }
            },{
                test   : /\.(js|vue)$/,loader: 'babel-loader',options: {
                    presets: ['@babel/preset-env']
                }
            }
        ]
    },plugins: [
        MixDefinitionsPlugin.build(envPath,{
            NODE_ENV: mix.inProduction()
                ? 'production'
                : process.env.NODE_ENV || 'development',}),],};

我发现的每个Unexpected token问题都不符合这个要求，知道吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）