{ parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }

最新推荐文章于 2024-05-22 13:18:25 发布

原创最新推荐文章于 2024-05-22 13:18:25 发布 · 963 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#prettier

vue 同时被 2 个专栏收录

22 篇文章

订阅专栏

prettier

1 篇文章

订阅专栏

当运行含有较旧Prettier版本的项目时，遇到{ parser: "babylon" }警告。升级到1.12.0版本的prettier可以解决此问题，不再报{ parser: "babel" }的弃用错误。

场景

今天跑一个别人的项目，已经写了有一段时间了，发现npm install之后执行npm run dev命令，报错{ parser: “babylon“ } is deprecated； we now treat it as { parser: “babel“ }。

解决方案

这是prettier的版本导致，我当时安装的是1.18.0，然后执行如下命令安装了1.12.0版本。

npm install prettier@~1.12.0 -d

ok，重新npm run dev便不会报这个错误了。

延伸

之前遇到过这种类似问题，记不清楚具体报的什么样的错了，反正也是跑了一个别人的项目报了错，解决办法在此记录一下吧。

// 1.package.json
prettier: ^1.12.1
vue-loader: ^13.7.3
// 2.build文件夹下的util.js
const postcssLoader={
	loader: 'postcss-loader',
	options: {
		sourceMap: options.sourceMap,
		plugins: (loader) => [
			require('autoprefixer')() // css浏览器兼容
		]
	}
}
// 3.build文件夹下的webpack.base.conf.js
{
  test: /\.js$/,
  loader: 'babel-loader',
  options: {
    plugins: ['syntax-dynamic-import']
  },
  include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
}