vue cli - Uncaught SyntaxError: неожиданный токен < - PullRequest
Новая
       5

vue cli - Uncaught SyntaxError: неожиданный токен <

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

Я создаю свой проект с vue-cli 3.0. Изначально все работает нормально. Но после того, как я <ctrl>-c затем nom run serve снова, он продолжает выдавать ошибку:

Uncaught SyntaxError: Неожиданный токен <</p>

это указывает на то, что ошибка произошла в первой строке app.js, но я проверяю в консоли, что < на самом деле от index.html. Что означает, что где-то в процессе, мысль webpack 1014 * должна быть переведена как app.js.

Ниже приведены пакеты, которые я использую:

vue 3.0.0-rc.3 @ vue / cli-plugin-babel ^ 3.0.0-beta.15 @ vue / cli-plugin-eslint ^ 3.0.0-beta.15 @ vue / cli-service ^ 3.0.0-beta.15

Как я могу решить эту проблему?

Update01 Я удаляю всю папку node-modules и npm install снова, затем, кажется, все снова работает нормально. Но если у кого-то есть идеи, почему это произошло, поделитесь им.

Ответы [ 8 ]

0 голосов
/ 28 июля 2019

У меня была такая же ошибка, когда я пытался связать файл javascript с index.html.

Конфигурация: Django (Backend) - Vue (Frontend) - Daphne - Nginx.

Django urls.py направляет каждое соединение (кроме ранее определенных, например, API) к index.html через определенное представление в 'vuejs / index.html'. Файл javascript должен быть включен через {% include "path" %} и обрабатывается через Django. Двойные фигурные скобки {{}} что-то значат для Django, и именно поэтому в файле Javscript необходимо изменить разделители на ['[[', ']]'] (см. Main.js).

vuejs / index.html: 

<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
</head>
<body>
<div id="vue-app">
[[name]]
</div>
<script>
{% include "vuejs/src/main.js" %}
</script>
</body>
</html>

vuejs / SRC / main.js: 

new Vue({
delimiters: ['[[', ']]'],
el: '#vue-app',
data: {
name: 'Vodka Gorbatschow',
}
});
0 голосов
/ 27 мая 2019

Попробуйте добавить <base href="/" /> в <head> вашего index.html. Надеюсь, это сработает.

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

это указывает на то, что ошибка произошла в первой строке app.js, но я проверьте в консоли <на самом деле из index.html. Что значит где-то в процессе, веб-пакет думал, что index.html должен быть переходить как app.js. </p>

В моем случае все было наоборот: я добавил проблему перезаписи URL. По очень широкому правилу было принято, что мои ресурсы js и css были перенаправлены в index.html, поэтому я добавляю <в начале моих файлов js или css. </p>

Так что, если это также относится и к вам, проблема в вашем бэкэнде (Java Spring и javax.Filter для urlrewrite для меня). Так что, если это может кому-то помочь, вот правильная часть urlrewrite.xml: 

<rule match-type="wildcard">
  <from>/assets/**</from>
  <to last="true">-</to>
 </rule>

 <rule match-type="wildcard">
   <from>/index.html</from>
     <to last="true">-</to>
 </rule>

 <rule match-type="wildcard">
   <from>/**</from>
     <to>/index.html</to>
 </rule>
0 голосов
/ 19 февраля 2019

Удаление как CLI, так и переустановка V3 + «хард» обновление в Chrome помогло. Может быть, одного лишь жесткого обновления было достаточно (CTRL + F5)

0 голосов
/ 01 января 2019

Я получил эту ошибку, когда попытался запустить vue ui. Это произошло, когда я установил vue cli 2.0 вместе с 3.0.

Итак, я удалил и установил 3.0, и затем:

Все, что мне нужно было сделать - это пустой кэш и полная перезагрузка в chrome.

Откройте инструменты разработчика, нажав клавишу f12, затем нажмите и удерживайте кнопку обновления, затем выберите пустые деньги и полную перезагрузку.

Я не уверен, связано ли это с вашей конкретной проблемой.

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

У меня такая же проблема. в файле index.html я просто пишу этот тег сценария, например: 

  <script src="./static/js/qrcode.min.js"></script>

если я изменю src attr следующим образом: 

 <script src="/static/js/qrcode.min.js"></script>

ок, нет ошибки 'Неожиданный токен <'. Дисплей. </p>

вот еще одна проблема произошла, это меня расстраивает.

онлайн-тесты продукта сборки, которые показывают, что я не могу получить доступ к этому сайту и получить ресурс. О, МОЙ БОГ ! хорошо, я изменил этот src снова так: 

<script src="./static/js/qrcode.min.js"></script>

и затем внесите некоторые изменения в vue.config.js, например: 

baseUrl:'./'
assetsDir:'./'

Итак, в сети все в порядке, но в моем локальном проекте он получит эту ошибку.

наконец, я нахожу это:

адрес в сети: http://xxxxx.cn/test0001/#/

локальный адрес: http://192.168.5.108:9000/test0001/#/

(ps: test0001 params не может быть удален, моему проекту это нужно)

если я удаляю этот параметр 'test0001', эта ошибка не отображается в моем локальном тесте проекта.

Я полагаю, что причиной этой ошибки являются различия в среде сборки и разработки, и мои параметры test0001 в URL-адресе.

наконец, я просто использую параметр для сравнения этого продукта и разработки для его решения.

если кто-то встречает такую ​​проблему, как я, поделитесь вашим решением.

0 голосов
/ 06 сентября 2018

У меня была такая же проблема, я попытался удалить модули узла и установить npm снова, но это не сработало.

Что сработало, так это удаление всех данных сайта. Вы можете сделать это (в Chrome), открыв вкладку разработки (Ctrl + Shift + i), перейдите на вкладку «приложение» и нажмите для очистки данных сайта.

Я предполагаю, что у меня все еще был какой-то старый сервисный работник, который перехватил запрос и обработал html-файл вместо app.js. Так что, если вы ранее использовали PWA по URL "http://localhost:8080", это может решить проблему.

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

Я предполагаю, что вы используете то же самое окно консоли, которое вы использовали для vue ui или vue create для запуска проекта?

Затем попробуйте открыть новый экземпляр консоли и запустить в нем свой проект.

В моем случае это сработало, и проблема была в перезаписанной переменной среды в первой консоли.

Желаю удачи!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...