嚎叫未定义 Vue.js 2

Question

我使用

安装了 howler

npm install -g  howler --save

添加脚本

require('howler');

即使在我添加的 index.html 文件中

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.0.4/howler.js"></script>

它似乎有效，但每次我的应用程序重新加载时（我使用 npm 运行服务于运行应用程序）我收到错误消息 Howl is not defined.Then 我再次安装 howler 使用npm 它可以工作，但在重新加载后再次停止工作。所以基本上我需要一次又一次地重新安装howler。

Answer 1

安装

-g 标志告诉 NPM 全局安装包。 --save 标志告诉 NPM 在项目中本地安装它（并将其保存在 dependencies 下的 package.json 中）。这两个标志是互斥的，但 -g 将覆盖 --save。解决方案是删除 -g 标志，同时保留 --save.

如果你在你的项目中 requireing 它，也不要在 index.html 中从 CDN 导入（即删除 <script>）。

用法

要在您的代码中使用 Howl，请确保从 require('howler'):

分配 return 值

const { Howl } = require('howler');

const sound = new Howl({
  src: ['sound.mp3']
});

sound.play();

嚎叫未定义 Vue.js 2

Howl is not defined Vue.js 2

javascript

howler.js

vue.js

安装

用法