Nuxt & Internet Explorer - PullRequest
       17

Nuxt & Internet Explorer

0 голосов
/ 05 июля 2018

У меня есть базовое приложение Nuxt, которое прекрасно работает в Chrome и других последних браузерах, но не работает в печально известном Internet Explorer, даже в IE 11.

Я обнаружил, что какой-то JavaScript не работает во время передачи кода.

Но самое важное, что мой SCSS не "переносится", я имею в виду, я ожидал что-то вроде префикса CSS или что-то для совместимости.

Например, это:

&__stats {
    display: grid;

    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);

    grid-gap: 10px;
    margin-bottom: 4rem;
    padding: 2rem;
}

Преобразуется в это (в консоли браузера):

&__stats {
display: grid;

grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, auto);

grid-gap: 10px;
margin-bottom: 64px;
margin-bottom: 4rem;
padding: 32px;
padding: 2rem;
}

Я много чего пробовал в своем конфигурационном файле nuxt ... Кажется, ничего не работает

1 Ответ

0 голосов
/ 01 октября 2018

Basic: Установите autoprefixer и postcss в своем проекте, чтобы добавить все необходимые префиксы.

Источник: Оттуда есть источник: https://cmty.app/nuxt/nuxt.js/issues/c3

Решение как я понимаю: Добавьте в нужное место в nuxt.config.js и обновите nuxt, чтобы оно было больше v0.6.7:

module.exports = {
  build: {
    postcss: [
      require('postcss-nested')(),
      require('postcss-responsive-type')(),
      require('postcss-hexrgba')(),
    ]
  }

Есть ли ошибка при попытке добавить что-либо в файл конфигурации webpack / nuxt?

...