代码之家  ›  专栏  ›  技术社区  ›  Kris D. J.

分析器“巴比伦”已弃用错误-Webpack生成

  •  0
  • Kris D. J.  · 技术社区  · 7 年前

    在升级了我的项目JS包之后,用Webpack构建包时出现了一个错误。它似乎在构建.vue文件时出现,并且可以出现在任何.vue文件生成中。我的package.json中没有“巴比伦”,我有一个更新的@babel/core版本(7.2.2)。

    这是错误:

    { parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }
    

    它似乎只在构建.vue文件时出现。

    以下是我的配置:

    巴贝尔

    {
      "presets": ["@babel/preset-env"],
      "plugins": ["@babel/plugin-transform-regenerator"]
    }
    

    WebPACK配置:

    module: {
    rules: [
      {
        enforce: 'pre',
        test: /\.(js|vue)$/,
        loader: 'eslint-loader',
        exclude: /node_modules/
      },
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          loaders: {
            scss: 'vue-style-loader!css-loader!sass-loader',
            sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax'
          }
        }
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: [ 'babel-loader' ]
      },
      {
        test: /\.sass$/,
        exclude: /node_modules/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: [
            {
              loader: 'css-loader',
              options: {
                sourceMap: true
              }
            },
            {
              loader: 'postcss-loader',
              options: {
                sourceMap: true
              }
            },
            {
              loader: 'sass-loader',
              options: {
                sourceMap: true
              }
            }
          ]
        })
      }
    ]
    

    }

    J.

      extends: [
    'eslint:recommended',
    'plugin:vue/recommended',
    'plugin:import/errors',
    'plugin:import/warnings'
    ],
     settings: {
    'import/resolver': {
      'node': {
        'extensions': [
          '.js',
          '.vue'
        ]
      }
     }
     },
      parserOptions: {
      parser: 'babel-eslint',
      ecmaVersion: 2018
     }
    

    包装袋

    "dependencies": {
        "@fortawesome/fontawesome-free": "^5.1.0",
        "@fortawesome/fontawesome-svg-core": "^1.2.10",
        "@fortawesome/free-solid-svg-icons": "^5.6.1",
        "@fortawesome/vue-fontawesome": "^0.1.3",
        "autoprefixer": "^9.4.6",
        "axios": "^0.18.0",
        "babel-eslint": "^10.0.1",
        "babel-polyfill": "^6.23.0",
        "backbone": "^1.3.3",
        "bulma": "^0.7.1",
        "bulma-calendar": "^5.0.3",
        "clean-webpack-plugin": "^1.0.1",
        "css-loader": "^0.28.4",
        "extract-text-webpack-plugin": "^3.0.0",
        "flickity": "^2.0.9",
        "flickity-imagesloaded": "^2.0.0",
        "friendly-errors-webpack-plugin": "^1.6.1",
        "glob-all": "^3.1.0",
        "in-view": "^0.6.1",
        "jquery": "^3.2.1",
        "js-cookie": "^2.2.0",
        "lazysizes": "^4.0.2",
        "magnific-popup": "^1.1.0",
        "node-pre-gyp": "^0.12.0",
        "node-sass": "^4.7.2",
        "optimize-css-assets-webpack-plugin": "^3.0.0",
        "postcss-loader": "^3.0.0",
        "purify-css": "^1.2.5",
        "purifycss-webpack": "^0.7.0",
        "sass-loader": "^6.0.7",
        "style-loader": "^0.18.2",
        "underscore": "^1.8.3",
        "vue": "2.5.22",
        "vue-affix": "^0.2.4",
        "vue-lazyload": "^1.2.6",
        "vue-loader": "13.7.2",
        "vue-template-compiler": "2.5.22",
        "vuex": "^3.0.1",
        "webpack": "^3.4.1",
        "webpack-bundle-analyzer": "^2.8.3",
        "webpack-bundle-tracker": "^0.2.0",
        "webpack-dev-server": "^2.6.1",
        "webpack-merge": "^4.1.0"
    },
    "devDependencies": {
        "@babel/core": "^7.2.2",
        "@babel/plugin-transform-regenerator": "^7.0.0",
        "@babel/preset-env": "^7.3.1",
        "babel-loader": "^8.0.5",
        "eslint": "^4.14.0",
        "eslint-loader": "^2.1.1",
        "eslint-plugin-import": "^2.14.0",
        "eslint-plugin-vue": "4.7.1"
    }
    
    2 回复  |  直到 7 年前
        1
  •  2
  •   Fran    7 年前

    问题来自Vue Loader 13.x.x和14.x.x。

    版本15.x.x似乎很好,但是我不能在不破坏一切的情况下将我的项目更新为15.x.x。(我想你也会有同样的问题)

    我会在项目回购中记录一个问题,幸运的是,他们会发布一个修复程序。

    编辑:

    目前,您可以使用我创建的分叉版本14.2.2来消除消息。不确定它是否与您的版本兼容。

    尝试更换:

    "vue-loader": "13.7.2",
    

    具有

    "vue-loader": "https://github.com/graux/vue-loader#a0d6b77",
    
        2
  •  0
  •   qkdreyer    7 年前
    推荐文章