Мне трудно связать внешний скрипт с одним компонентом файла в Vue.Мое приложение структурировано так:
![enter image description here](https://i.stack.imgur.com/LWvNx.png)
Таким образом, файл, на который я хочу сослаться, - это компоненты / Sshy, и файл назначения (я считаю) будет../javascripts/
Это не первый раз, когда я это делаю, и у меня подключены другие скрипты, на которые я успешно ссылался в других компонентах одного файла:
../javascripts/<name>
@/javascripts/<name> (Src is aliased)
КакИтак:
![enter image description here](https://i.stack.imgur.com/IHEpa.png)
Я пытаюсь сделать эквивалент для скомпилированного файла, который не очень подходит для экспорта в качестве модуля и импорта кактот.Совет, который я нашел для способа прикрепления этого скрипта к одному компоненту файла: здесь .
Я пытался скопировать этот метод следующим образом:
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.В поисках это выглядело так, как будто истинной причиной может быть неправильное подключение файла ( Здесь )
Мне все же не удалось определить, в чем проблема.