Форум программистов, компьютерный форум, киберфорум
JavaScript: Vue.js
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
11 / 11 / 8
Регистрация: 18.09.2012
Сообщений: 514
1

Vue template и webpack

06.03.2020, 11:59. Показов 1400. Ответов 2
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Здраствуйте, обьеденить шаблоны в .vue в страницу но при компиляции webpack.config.js выдает ошибку:
Код
TypeError: loaderContext.emitError is not a function
вот настройки конфигуратора:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
const path=require('path')
const VueLoaderPlugin=require('vue-loader')
module.exports = {
  
  mode:'development',
  
  entry:
  {
    
    topmenu:'./js/TopMenu.js',
    slider:'./js/slider.js',
    contentMenu:'./js/ContentMenu.js', 
    
  },
  output:
  {
    filename:'[name].bunde.js',
    path:path.resolve(__dirname,'dist')
  },
  plugins: [
    
    new VueLoaderPlugin()],
  module:
  {
    rules:[{test:/\vue$/,loader:'vue-loader'}]
  },
}
Вот сам скрипт TopMenu.js
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
import jobs from "./js/templates/jobs.vue"
import contacts from "./js/templates/contacts.vue"
 
 
const router = new VueRouter({
   
    routes:[
       
        {path:"/jobs", component:jobs},
        {path:"/news",component:News},
        {path:"/contacts",component:contacts}
    ]
})
var menuPhone=new Vue({
  
      el:'#NavbarPhone',
      data(){return{
          menu:[{text:"Акции",link:"sales"},{text:"Новости",link:"news"},{text:"Контакты",link:"contacts"},{text:"Вакансии",link:"/jobs"}],
          showmenu:false}},     
     
      methods:
      {
          vishow:function(event)
          {
              
              if (!this.showmenu)
              {
                  this.showmenu=true
              }
              else
              {
                  this.showmenu=false
              }
             
          }
      }             
})
var menuDesktop=new Vue({
   
    router,
    el:"#NavbarDesktop",
    data(){return{
        menu:[{text:"Акции",link:"sales"},{text:"Новости",link:"news"},{text:"Контакты",link:"contacts"},{text:"Вакансии",link:"jobs"}]}},
        
       
})
вот файл шаблона .vue:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<template>
    <form>
    <div id="close" class="close">
        <ion-icon name="close-sharp"></ion-icon>
    </div>
    <div id="title" class="title">
        <a>Электроникс - топ №1 в Приднестровье по продаже электроники! На рынке услуг с 2008 года!
            В наш дружный коллектив требуются следующие люди, которые готовы много и плодотворно работать
            а также хорошо зарабатывать! <br> Если Ты один из них то для тебя открыты следующие вакансии:
        </a>
    </div>
    <div id="content" class="content">
 
    </div>
    <div id="footer" class="footer">
        <a>Не нашли подходящей вакансии? Расскажите нам о себе заполнив форму! <br> До встречи на собеседовании!</a>
    </div>
    <script type="module" src="https://unpkg.com/ionicons@5.0.0/dist/ionicons/ionicons.esm.js"></script>
    </form>  
</template>
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
06.03.2020, 11:59
Ответы с готовыми решениями:

[Vue warn]: Failed to mount component: template or render function not defined
После сборки йарном выводится в консоли: : Failed to mount component: template or render function...

Ошибки: 1) use of class template requires template argument list 2) 'T' : undeclared identifier
Решил подправить свой класс с использованием шаблонов, но столкнулся со следующим косяком. Если я...

Template definition of non-template при использовании частичной спецификации шаблонов
Всем привет! Есть задача написать шаблон класса, принимающего в качестве параметров типа шаблон и...

'MyQueue' : use of class template requires template argument list
Написал код про шаблоны. Не могу понять почему выводит ошибку во время наследования класса. ошибки...

2
11 / 11 / 8
Регистрация: 18.09.2012
Сообщений: 514
06.03.2020, 13:02  [ТС] 2
Вот скидываю проект.
Вложения
Тип файла: rar vue.rar (9.61 Мб, 0 просмотров)
0
11 / 11 / 8
Регистрация: 18.09.2012
Сообщений: 514
11.03.2020, 15:59  [ТС] 3
Проблема решилась, нужно было:
Убрать:
Цитата Сообщение от pirat2k Посмотреть сообщение
plugins: [
new VueLoaderPlugin()],
Вместо:
Цитата Сообщение от pirat2k Посмотреть сообщение
rules:[{test:/\vue$/,loader:'vue-loader'}]
нужно было:
Цитата Сообщение от pirat2k Посмотреть сообщение
rules:[{test:/\vue$/,loader:'vue-html-loader'}]
0
11.03.2020, 15:59
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
11.03.2020, 15:59
Помогаю со студенческими работами здесь

Ошибка компиляции: template-id does not match any template declaration
Здравствуйте. Помогите, пожалуйста: #include &lt;iostream&gt; using namespace std; template...

В чем различие template <typename T> от template <class T> ?
Добрый день ! Заметил в новых книгах применение записи template &lt;typename T&gt; вместо template...

Visual Studio выдаёт ошибку при вынесении объявления функции с template в .h файл. Без template всё работает
Проект содержит три файла: Source.cpp, arrTreat.h, arrTreat.cpp. Source.cpp: #include...

Ошибка с django.Template.Template
Из учебника djbook: http://djbook.ru/ch04s02.html В самом начале представлен пример использования...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru