Ошибка при попытке подключить внешний скрипт к одному компоненту файла в Vue - PullRequest
0 голосов
/ 04 декабря 2018

Мне трудно связать внешний скрипт с одним компонентом файла в Vue.Мое приложение структурировано так:

enter image description here

Таким образом, файл, на который я хочу сослаться, - это компоненты / Sshy, и файл назначения (я считаю) будет../javascripts/

Это не первый раз, когда я это делаю, и у меня подключены другие скрипты, на которые я успешно ссылался в других компонентах одного файла:

../javascripts/<name>
@/javascripts/<name> (Src is aliased) 

КакИтак:

enter image description here

Я пытаюсь сделать эквивалент для скомпилированного файла, который не очень подходит для экспорта в качестве модуля и импорта кактот.Совет, который я нашел для способа прикрепления этого скрипта к одному компоненту файла: здесь .

Я пытался скопировать этот метод следующим образом:

  mounted () {
     let testScript = document.createElement('script');
     testScript.async = true;
     testScript.type = "text/javascript";
     testScript.setAttribute('src','../javascripts/test.js');
     document.head.appendChild(testScript);
 },

Но продолжаю появляться сообщение об ошибке, которое указывает на неправильный выбор файла.Обнаружена ошибка:

uncaught syntax error: Unexpected token < 

И devtools сообщает об этом, как будто это происходит в index.html, куда вставляются мои файлы vue.В поисках это выглядело так, как будто истинной причиной может быть неправильное подключение файла ( Здесь )

Мне все же не удалось определить, в чем проблема.

1 Ответ

0 голосов
/ 06 декабря 2018

Недопустимый src путь (т. Е. ../javascripts/test.js), скорее всего, проблема.Ваш сервер, вероятно, настроен на откат index.html, который возвращается для файлов, не найденныхВы можете подтвердить это в инструментах разработчика вашего браузера (найдите test.js в Сетевой панели).Поскольку HTML-файл (который, вероятно, начинается с <head>) поступает в <script>, вы получаете синтаксическую ошибку JavaScript для символа < <head>.

. Вам необходимо обновитьsrc путь к относительному корневому документу, а не к каталогу компонента.

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