vue 'Couldn't find preset "es2015" relative to directory'

weixin_34356555

于 2018-03-13 14:31:00 发布

阅读量178

点赞数

CC 4.0 BY-SA版权

文章标签： webpack javascript ViewUI

原文链接：http://www.cnblogs.com/shira-t/p/8556571.html

本文解决了Webpack打包Vue项目时因未找到es2015预设而导致的问题，并介绍了如何正确配置Babel来避免此类错误。

今天在用webpack打包项目的时候遇到这样的问题：Couldn't find preset "es2015" relative to directory

出现这个问题的原因：

项目没有使用ES标准，而引入的vue-ueditor使用了ES标准，所以编译报错了

解决办法：

cnpm install babel-preset-es2015 --save-dev

但是出现了这样的报错：we recommend using babel-preset-env now: please read babeljs.io/env to update!

原因：babel已经弃用了babel-preset-es2015，而现在最新使用的是babel-preset-env，

解决办法：

重新安装babel-preset-env即可解决

cnpm install babel-preset-env --save

回归第一个问题，还没解决完，哈哈哈

要在webpack.base.conf.js文件中加入如下代码

module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel',
                query: {
                    presets: ['es2015']
                }
            }
        ]
    }

转载于:https://www.cnblogs.com/shira-t/p/8556571.html