vue.jsに外部ファイルを取り込みたい

Question

困っていること

Vue.jsに
BotUIを導入してボットチャットを作成したいです。

botを動かすための外部jsファイルを取り込みたいのですが、うまくいきません。

試したこと

• botui.js

export function bu(aaa){
  return aaa;
}

を外部ファイルとしてApp.vueに

• App.vue

 <div>
   <div class="botui-app-container" id="chat-app">
     <!-- チャットの表示-->
     <bot-ui></bot-ui>
   </div>
   <script src="./utils/botui.js"></script>
 </div>

のようにhtmlに直接書き込むか

<script>
  import { bu } from './utils.botui.js';
</script>

vueのscript欄でimportする

の２つの方法を試してみました。

教えてください

外部ファイルをvueに取り込むにはどういった手段があるのでしょうか？

Answer 1

botui.js で export はやっていますか？

exportをしていないと読み込むことがそもそもできないと思います

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/export

Comments

[mtmiddle]

ありがとうございます。
すっかりexport忘れていました。