vue-fullpage.js 运行报错

记录使用vue-fullpage.js遇到的问题。

github地址：https://github.com/alvarotrigo/vue-fullpage.js

下载安装
npm install --save vue-fullpage.js

index.html页面

App.vue页面

import FullPage from 'vue-fullpage.js/src/FullPage'
export default {
  name: 'App',
  data () {
    return {
      options: {
        paddingTop: '30px'
      }
    }
  },
  components: {
    FullPage
  }
}

会遇到一个报错信息
Couldn't find preset "es2015" relative to directory "E:\\Workspaces\\vscode\\resume\\node_modules\\vue-fullpage.js"

安装babel-preset-es2015就解决
npm install babel-preset-es2015

其他问题可能的解决方案
参考：https://github.com/alvarotrigo/vue-fullpage.js/issues/4
build/webpack.base.conf.js中修改配置

{
  test: /\.js$/,
  loader: 'babel-loader',
  include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client'),resolve('node_modules/vue-fullpage.js/src/fullPageMixin.js')]
},

增加fullPageMixin时报错

import fullPageMixin from 'vue-fullpage.js/src/fullPageMixin'

解决方法

  plugins: [
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false,
        drop_console: false,
      }
    })
  ],