Question

我有一个laravel项目，该项目使用VueJS和Vue-Router来管理前端。我刚刚安装了eslint并使用一些默认预设对其进行了配置，但是一旦我将mix.webpackConfig块添加到webpack.mix.js文件夹中，它就会突然在我用于异步加载的ES2015 import（）函数上出错Vue组件。

wp_footer()

一旦我删除mix.webpackConfig（）块，它就可以正常工作。我不明白为什么在其中添加eslint-loader会突然破坏babel。

这是我正在使用import（）函数的特定文件。其他人也有类似的问题，但是他们在文件名中发现了一个错字，我对此进行了三重检查。

const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.webpackConfig({
  module: {
    rules: [
      {
        enforce: 'pre',
        test: /\.(js|vue)$/,
        loader: 'eslint-loader',
        exclude: /node_modules/
      }
    ]
  }
})

mix.js('resources/js/app.js', 'public/js')
  .sass('resources/sass/app.scss', 'public/css');

Answer 1

嗯，我没有弄清楚，但是我改用'laravel-mix-eslint'来解决它，如下所述：

https://laravel-mix.com/extensions/eslint

现在，我有了这个方块：

require('laravel-mix-eslint');

mix.js('resources/js/app.js', 'public/js')
  .eslint()
  .sass('resources/sass/app.scss', 'public/css');

带有laravel mix和eslint的vuejs路由器中的意外令牌导入

1 个答案: