Как запустить проект на NUXT на IE 11?

Question

[pegas]

Во всех браузерах всё отлично, но в IE 11 такая ошибка

Comments

[Александр Филиппенко]

Знать бы какая именно ошибка. Babel используется же?

Answer 1

[r_mustang]

для IE нужен полифил в сборщике

в nuxt.config.js:

build: {
  vendor: ['babel-polyfill']
}

Comments

[pegas]

мой накст конфиг..

module.exports = {
  /*
  ** Headers of the page
  */
  head: {
    title: 'Доставка еды в Самаре EDA GO',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Nuxt.js project' }
    ],
    script:[
      { src: "https://3dsec.sberbank.ru/demopayment/docsite/assets/js/ipay.js" }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  css: [
    '~/assets/css/main.scss',
    '~/assets/css/link.scss',
    '~/assets/css/button.scss',
    '~/assets/css/title.scss',
    '~/assets/css/input.scss',
    '~/assets/css/radio.scss'
  ],
  plugins: [
    '~plugins/api.js', 
    { src: '~/plugins/axiosInterceptor.js', ssr: false },
    { src: '~/plugins/inputmask.js', ssr: false },
    { src: '~/plugins/flowtype', ssr: false },
    { src: '~/plugins/localStorage.js', ssr: false },
    { src: '~/plugins/lazyLoad.js', ssr: false },
    { src: '~/plugins/veeValidate.js', ssr: false }
  ],

  /*
  ** Customize the progress bar color
  */
  loading: { color: '#EC2F33' },
  /*
  ** Build configuration
  */
  build: {
    /*
    ** Run ESLint on save
    */
    extend (config, { isDev, isClient }) {
      if (isDev && isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    },
    babel: {
      presets: [
        [ '@nuxtjs/babel-preset-app', {
            targets: { ie: 11 }
          }
        ]
      ]
    },
  }
}

[r_mustang]

module.exports = {
  /*
  ** Headers of the page
  */
  head: {
    title: 'Доставка еды в Самаре EDA GO',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Nuxt.js project' }
    ],
    script:[
      { src: "https://3dsec.sberbank.ru/demopayment/docsite/assets/js/ipay.js" }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  css: [
    '~/assets/css/main.scss',
    '~/assets/css/link.scss',
    '~/assets/css/button.scss',
    '~/assets/css/title.scss',
    '~/assets/css/input.scss',
    '~/assets/css/radio.scss'
  ],
  plugins: [
    '~plugins/api.js', 
    { src: '~/plugins/axiosInterceptor.js', ssr: false },
    { src: '~/plugins/inputmask.js', ssr: false },
    { src: '~/plugins/flowtype', ssr: false },
    { src: '~/plugins/localStorage.js', ssr: false },
    { src: '~/plugins/lazyLoad.js', ssr: false },
    { src: '~/plugins/veeValidate.js', ssr: false }
  ],

  /*
  ** Customize the progress bar color
  */
  loading: { color: '#EC2F33' },
  /*
  ** Build configuration
  */
  build: {
    /*
    ** Run ESLint on save
    */
    vendor: ['babel-polyfill'],
    extend (config, { isDev, isClient }) {
      if (isDev && isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    },
    babel: {
      presets: [
        [ '@nuxtjs/babel-preset-app' ]
      ]
    },
  }
}