时间戳

首页 > 解决方案 > Howl 未定义 Vue.js 2

javascript - Howl 未定义 Vue.js 2

问题描述

我安装了咆哮使用

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 run serve 运行应用程序）时，我都会收到错误 Howl is not defined。然后我再次使用 npm 安装 howler 它可以工作，但在重新加载停止工作后再次安装。所以基本上我需要一次又一次地重新安装咆哮。

标签： javascriptvue.jshowler.js

解决方案

安装

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

如果您require在项目中使用它，请不要同时从 CDN 中导入index.html（即删除<script>）。

用法

要Howl在您的代码中使用，请确保从以下位置分配返回值require('howler')：

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

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

sound.play();

推荐阅读