Vue подключен ссылкой, не работает в ie11, что делать?

Question

Екатерина Михайлова @katyamishha

Front-end junior

Vue.js

Vue подключен ссылкой, не работает в ie11, что делать?

На сайте vue подключен ссылкой, код не работает в ie11, нашла что для работы в ie11 нужен babel-polyfill , но можно ли его так же подключить ссылкой не нашла, везде описывается установка через npm или что-то подобное. Подскажите можно ли что-то сделать, чтоб код работал в ie11 ?

Вопрос задан более трёх лет назад
259 просмотров

8 комментариев

Подписаться 1 Простой 8 комментариев

Виктор Л @Fzero0

что конкретно у Вас подключено сам vue.js или готовое приложение app.js (содержит vue + сам код)
на вскидку https://cdnjs.cloudflare.com/ajax/libs/babel-polyf...
добавьте посмотрите что будет хотя врятли

Написано более трёх лет назад
Екатерина Михайлова @katyamishha Автор вопроса
Виктор Л, подключен vue
<script type="text/javascript" src="/js/vue.min.js"></script>
и ниже код по типу
<script type="text/javascript"> Vue.component(.......) new Vue({ ..... })

ну и html там же
Написано более трёх лет назад
Екатерина Михайлова @katyamishha Автор вопроса

Виктор Л, и навскидку не прокатило(((

Написано более трёх лет назад
Виктор Л @Fzero0

Екатерина Михайлова, версия vue?

Написано более трёх лет назад
Екатерина Михайлова @katyamishha Автор вопроса

Виктор Л, Vue.js v2.6.10

Написано более трёх лет назад
#FFFFFF @victory_vas

что в консоли? babel-polyfill подключили выше чем vue?

Написано более трёх лет назад
Екатерина Михайлова @katyamishha Автор вопроса

#FFFFFF, babel-polyfill выше, но после вашего вопроса и ниже переподключила, ниже вообще ничего не работает.

Написано более трёх лет назад

Виктор Л @Fzero0

<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Vue</title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.4.3/polyfill.min.js"></script>
  <script src="vue.js"></script>
  <style>
  body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

li {
  margin: 8px 0;
}

h2 {
  font-weight: bold;
  margin-bottom: 15px;
}

del {
  color: rgba(0, 0, 0, 0.3);
}
  </style>
</head>
<body>
  <div id="app">
  {{ message}}
  <div id="components-demo">
  <button-counter></button-counter>
</div>
  </div>
  <script>
  Vue.component('button-counter', {
  data: function () {
    return {
      count: 0
    }
  },
  template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'
})
  new Vue({
		  el: "#app",
		  data: {			
			 message: 'You loaded this page on ' + new Date().toLocaleString()			
		  }
		})
  </script>
</body>
</html>

вот я локально сделал все работает даже в ие11

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

Node.js

+3 ещё

Средний
Как решить ошибку Nuxt 3: does not provide an export named execa?
- 1 подписчик
- 15 часов назад
- 31 просмотр
0

ответов
Vue.js

Простой
Как выделять данные в столбце таблицы различными цветами?
- 1 подписчик
- 17 часов назад
- 152 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как сформировать маску, используя регулярное выражение?
- 1 подписчик
- 17 часов назад
- 74 просмотра
2

ответа
JavaScript

+1 ещё

Средний
Как сделать программную навигацию без изменения url в vue-router + vue3?
- 1 подписчик
- вчера
- 47 просмотров
0

ответов
Vue.js

Простой
Из-за чего может добавлять слеш в url?
- 1 подписчик
- 23 апр.
- 51 просмотр
0

ответов
JavaScript

+1 ещё

Простой
Почему при добавление переменно в style, она перестаёт обновляться?
- 1 подписчик
- 22 апр.
- 71 просмотр
1

ответ
Vue.js

Средний
Какие существуют способы отреагировать на удаление элемента из массива, который передается как пропс в другие компоненты?
- 1 подписчик
- 22 апр.
- 41 просмотр
1

ответ
Vue.js

Простой
Как получить событие клика в updated()?
- 1 подписчик
- 19 апр.
- 44 просмотра
1

ответ
Vue.js

+1 ещё

Средний
Как использовать хуки NUXT в модулях?
- 1 подписчик
- 19 апр.
- 60 просмотров
1

ответ
Vue.js

Простой
Как решить проблему с логикой валидации после перезагрузки страницы в Vue.js?
- 1 подписчик
- 19 апр.
- 51 просмотр
1

ответ
Показать ещё Загружается…

Frontend Vue & Capacitor Developer Middle++

Parasol Software

от 2 000 до 2 500 $

Frontend developer (middle/senior)

//stablecode

от 210 000 ₽

Senior Frontend VueJS (частичная занятость)

Онград+

от 125 000 ₽

Разработать электронику для весов с Wi-Fi

26 апр. 2024, в 01:22

1000 руб./в час

Очень срочно нужно помочь запустить программу с UI

26 апр. 2024, в 00:13

1000 руб./за проект

Создание бота/скрипта для сайта забронирование мест

26 апр. 2024, в 00:10

30000 руб./за проект

что конкретно у Вас подключено сам vue.js или готовое приложение app.js (содержит vue + сам код)
на вскидку https://cdnjs.cloudflare.com/ajax/libs/babel-polyf...
добавьте посмотрите что будет хотя врятли
Виктор Л, подключен vue
<script type="text/javascript" src="/js/vue.min.js"></script>
и ниже код по типу
<script type="text/javascript"> Vue.component(.......) new Vue({ ..... })

ну и html там же
Виктор Л, и навскидку не прокатило(((
что в консоли? babel-polyfill подключили выше чем vue?
#FFFFFF, babel-polyfill выше, но после вашего вопроса и ниже переподключила, ниже вообще ничего не работает.
<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Vue</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.4.3/polyfill.min.js"></script> <script src="vue.js"></script> <style> body { background: #20262E; padding: 20px; font-family: Helvetica; } #app { background: #fff; border-radius: 4px; padding: 20px; transition: all 0.2s; } li { margin: 8px 0; } h2 { font-weight: bold; margin-bottom: 15px; } del { color: rgba(0, 0, 0, 0.3); } </style> </head> <body> <div id="app"> {{ message}} <div id="components-demo"> <button-counter></button-counter> </div> </div> <script> Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>' }) new Vue({ el: "#app", data: { message: 'You loaded this page on ' + new Date().toLocaleString() } }) </script> </body> </html>

вот я локально сделал все работает даже в ие11

Vue подключен ссылкой, не работает в ie11, что делать?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт