Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: Vue.js
Войти
Регистрация
Восстановить пароль
 
IRIP
110 / 66 / 11
Регистрация: 18.04.2015
Сообщений: 894
Записей в блоге: 4
1

Vue run dev

05.05.2018, 11:45. Просмотров 203. Ответов 3
Метки нет (Все метки)

не запускается проект, пишет ошибку

Кликните здесь для просмотра всего текста

ERROR Failed to compile with 2 errors 11:08:00

error in ./src/data/CountriesList.js


http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4
src/data/CountriesList.js:2:5
'Afghanistan',
^

http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4
src/data/CountriesList.js:3:5
'Albania',
^

http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4
src/data/CountriesList.js:4:5
'Algeria',
^

http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4
src/data/CountriesList.js:5:5
'American Samoa',
^

http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4
src/data/CountriesList.js:6:5
'Andorra',
^

http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4
src/data/CountriesList.js:7:5
'Angola',
^

http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4
src/data/CountriesList.js:8:5
'Anguilla',
^

http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4
src/data/CountriesList.js:9:5
'Antarctica',
^

http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4
src/data/CountriesList.js:10:5
'Antigua and Barbuda',
^

http://eslint.org/docs/rules/indent Expected indentation of 2 spaces but found 4
src/data/CountriesList.js:11:5



✘ 10 problems (10 errors, 0 warnings)


Errors:
10 http://eslint.org/docs/rules/indent

@ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/components/forms/form-wizard/FormWizard.vue 3:0-47
@ ./src/components/forms/form-wizard/FormWizard.vue
@ ./src/components lazy ^\.\/.*\.vue$
@ ./src/store/modules/menu/lazyLoading.js
@ ./src/store/modules/menu/tables.js
@ ./src/store/modules/menu/index.js
@ ./src/store/index.js
@ ./src/main.js
@ multi ./build/dev-client ./src/main.js

error in ./src/components/issues/CreatePost.vue

Module build failed: Error: /home/irip/pycharm/duty/frontend/src/components/issues/CreatePost.vue:17:22
15| |
16| .form-group.with-icon-right(
> 17| :class="{
-----------------------------^
18| 'has-error': error.has('nsName'),
19| 'valid': isFormFieldValid('nsName')
20| }"

Syntax Error: Unterminated string constant
at makeError (/home/irip/pycharm/duty/frontend/node_modules/pug-error/index.js:32:13)
at Lexer.error (/home/irip/pycharm/duty/frontend/node_modules/pug-lexer/index.js:59:15)
at Lexer.assertExpression (/home/irip/pycharm/duty/frontend/node_modules/pug-lexer/index.js:87:12)
at Lexer.attributeValue (/home/irip/pycharm/duty/frontend/node_modules/pug-lexer/index.js:1253:10)
at Lexer.attribute (/home/irip/pycharm/duty/frontend/node_modules/pug-lexer/index.js:1114:30)
at Lexer.attrs (/home/irip/pycharm/duty/frontend/node_modules/pug-lexer/index.js:1279:20)
at Lexer.callLexerFunction (/home/irip/pycharm/duty/frontend/node_modules/pug-lexer/index.js:1456:23)
at Lexer.advance (/home/irip/pycharm/duty/frontend/node_modules/pug-lexer/index.js:1493:15)
at Lexer.callLexerFunction (/home/irip/pycharm/duty/frontend/node_modules/pug-lexer/index.js:1456:23)
at Lexer.getTokens (/home/irip/pycharm/duty/frontend/node_modules/pug-lexer/index.js:1512:12)
at lex (/home/irip/pycharm/duty/frontend/node_modules/pug-lexer/index.js:12:42)
at Object.lex (/home/irip/pycharm/duty/frontend/node_modules/pug/lib/index.js:99:27)
at Function.loadString [as string] (/home/irip/pycharm/duty/frontend/node_modules/pug-load/index.js:44:24)
at compileBody (/home/irip/pycharm/duty/frontend/node_modules/pug/lib/index.js:86:18)
at Object.exports.compile (/home/irip/pycharm/duty/frontend/node_modules/pug/lib/index.js:242:16)
at /home/irip/pycharm/duty/frontend/node_modules/consolidate/lib/consolidate.js:836:58
at /home/irip/pycharm/duty/frontend/node_modules/consolidate/lib/consolidate.js:144:5
at Promise._execute (/home/irip/pycharm/duty/frontend/node_modules/consolidate/node_modules/bluebird/js/release/debuggability.js:303:9)
at Promise._resolveFromExecutor (/home/irip/pycharm/duty/frontend/node_modules/consolidate/node_modules/bluebird/js/release/promise.js:483:18)
at new Promise (/home/irip/pycharm/duty/frontend/node_modules/consolidate/node_modules/bluebird/js/release/promise.js:79:10)
at promisify (/home/irip/pycharm/duty/frontend/node_modules/consolidate/lib/consolidate.js:137:10)
at Function.exports.pug.render (/home/irip/pycharm/duty/frontend/node_modules/consolidate/lib/consolidate.js:821:10)

@ ./src/components/issues/CreatePost.vue 6:0-449
@ ./src/components lazy ^\.\/.*\.vue$
@ ./src/store/modules/menu/lazyLoading.js
@ ./src/store/modules/menu/tables.js
@ ./src/store/modules/menu/index.js
@ ./src/store/index.js
@ ./src/main.js
@ multi ./build/dev-client ./src/main.js

> Listening at http://localhost:8080



в коде

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<template lang="pug">
  .form-wizard-page
    .row
      .col-md-12
        vuestic-widget.no-h-padding(
          :headertext="$t('forms.wizard.simple')"
        )
          vuestic-wizard(
            :steps='hsStep'
          )
            .form-wizard-tab-content(slot='page1')
              .form-wizard-tab-content-text
                p
                  | здесь текст на разных языках
                  |
              .form-group.with-icon-right(
                :class="{
                  'has-error': error.has('nsName'),
                  'valid': isFormFieldValid('nsName')
                }"
              )
                .init-group
                  input(
                    name='hsName',
                    data-vv-as='Name',
                    v-model='hsName',
                    v-valildate="'required'",
                    required='',
                    title=''
                  )
                    i.fa.fa-exclamation-triangle.error-icon.icon-right.input-icon
                    i.fa.fa-check.valid-icon.icon-right.input-icon
                    label.control-label
                      | {('forms.wizard.name' | translate}}
                      |
                    i.bar
                    small.help.text-danger(v-show='errors.has('hsName'))
                      | {{ errors.first('hsName') }}
                      |
            .form-wizard-tab-content(slot='page2')
              .form-wizard-tab-content-text
                p
                  | здесь текст для второй полосы
                  |
              vuestic-simple-select(
                label='Select country',
                v-model='hsCountry',
                name='country',
                :required='true',
                ref='hsCountrySelect',
                v-bind:options='countriesList'
              )
 
            .form-wizard-tab-content(slot='page3')
              h4 {{'forms.wizard.confirmSelection' | translate }}
              p
                | здесь текст третьей вкладки
 
            .form-wizard-tab-content(slot='wizardCompleted')
              h4 {{'forms.wizard.comleted' | translate }}
              p
                | здесь текст итога
</template>
Добавлено через 33 минуты
Почистил =)

почему не работает такой вариант:

Javascript
1
2
3
4
5
6
              .form-group.with-icon-right(
                :class="{
                  'has-error': error.has('nsName'),
                  'valid': isFormFieldValid('nsName')
                }"
              )
а вот такой работает

Javascript
1
.form-group.with-icon-right(:class="{'has-error': error.has('nsName'),'valid': isFormFieldValid('nsName')}")
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
05.05.2018, 11:45
Ответы с готовыми решениями:

Vue.js + Gulp
Здравствуйте, только начинаю изучать фронт, для разработки выбрал Vue.js, для...

Форматирование в vue
мне нравится такое форматирование в vue! оно шикарно! ...

ошибки при работе с Vue.js
Добрый день! Подскажите почему появляются ошибки при работе с Vue.js Скриншот...

Vue-router не хочет работать
Собственно идея такая, по нажатию кнопки должна отображаться страница /contacts...

Фреймворк vue и недопонимание новичка
Годик не залазил по веб программированию. Еще тогда хотел научится на нем...

3
Prog_maker
31.08.2018, 11:13
  #2

Не по теме:


Вопрос не по теме. А чем так удобен PUG?

0
j2FunOnly
Модератор
861 / 818 / 482
Регистрация: 05.06.2015
Сообщений: 1,897
31.08.2018, 12:16 3
Цитата Сообщение от IRIP Посмотреть сообщение
почему не работает такой вариант
Потому что JS не умеет в многострочные строки
Javascript
1
2
3
4
5
6
              .form-group.with-icon-right(
                :class="{ \
                  'has-error': error.has('nsName'), \
                  'valid': isFormFieldValid('nsName') \
                }"
              )
Javascript
1
2
3
4
5
6
              .form-group.with-icon-right(
                :class=`{
                  'has-error': error.has('nsName'),
                  'valid': isFormFieldValid('nsName')
                }`
              )
0
Jewbacabra
31.08.2018, 18:39     Vue run dev
  #4

Не по теме:

Prog_maker, компактнее и нагляднее. xml-подобные форматы не отличаются удобством.

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
31.08.2018, 18:39
Привет! Вот еще темы с ответами:

Vue js передача данных в шаблон
у меня очень простой вопрос &lt;div id=&quot;price&quot; class=&quot;w100p&quot;&gt;...

Динамическая подгрузка Vue.js кода
Доброго времени суток уважаемые форумчане, столкнулся с одной проблемой в...

Vue js props, данные из parent в child
уважаемые, не могу сделать, что бы работало :S смотрю примеры в интернете, у...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru