Как к однофайловому компоненту vue.js подключить внешний js-скрипт?

Question

[Павел Михаловский]

Делаю проект на vue js с роутингом и однофайловыми компонентами. Попытался подключить внешний скрипт к компоненту и модуль перестал находится, как можно исправить это?

Comments

[Evgeny Kulakov]

Код в студию) как подключаете?

[Павел Михаловский]

<template>
    <div class="workspace">
        Franck-Hertz
    </div>
</template>


<script src="script.js"></script>

У меня в папке есть компонент FranckHertz.vue и рядом с ним я создал скрипт script.js и пытаюсь его подключить, но как только я пытаюсь это сделать, vue не находит модуль
А так подрубаю

import Vue from 'vue'
import Router from 'vue-router'
import FranckHertz from '@/components/FranckHertz/FranckHertz'

Vue.use(Router)

export default new Router({
    mode: 'history',
  routes: [
    {
      path: '/FranckHertz',
      name: 'FranckHertz',
      component: FranckHertz
    }
  ]
})

[Artem0071]

Павел Михаловский, Не уверен, но помойму '@' уже включает в себя "components"
'@': path.resolve(__dirname, '../src/components')

[Павел Михаловский]

Artem0071,
'@': resolve('src')
Проверил, не включает

[Дмитрий Беляев]

есть подозрение на путь вот здесь:<script src="script.js"></script>
webpack будет искать script.js в node_modules
надо так: ./script.js

Answer 1

[Антон Швец]

<script src="./script.js"></script>
Подключает его не vue, а плагин вашей системы сборки. Скорее всего vue-loader в webpack

Answer 2

[Denis Korablev]

В однофайловый компонент можно подключать вот так:

<script>
require('./script.js');

export default {
  name: 'component-name',
};
</script>