Javascript 未定义嚎叫Vue.js 2

Javascript 未定义嚎叫Vue.js 2,javascript,vue.js,howler.js,Javascript,Vue.js,Howler.js,我使用 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 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没有定义。然后我再次使用npm安装howler,它可以工作,但重新加载后再次停止工作。 因此,基本上我需要一次又一次地重新安装howler。

安装
-g
标志告诉NPM全局安装包。
--save
标志告诉NPM在您的项目中本地安装它(并将它保存在
依赖项下的
package.json
)。这两个标志相互排斥,但
-g
将覆盖
--save
。解决方案是删除
-g
标志,同时保持
--save

如果您要在项目中
需要
,也不要从
index.html
中的CDN导入(即,删除

用法 要在代码中使用
Howl
,请确保从
require('howler')
中指定返回值:

const{Howl}=require('howler');
const sound=新的嚎叫({
src:['sound.mp3']
});
声音。播放();

您可以共享整个文件吗?我想看看您是如何在实际文件中使用howler导入的。此外,将howler安装到项目的本地,而不是全局。这可能会帮助您的模块更可靠地找到它。本地安装没有帮助。
npm安装-g howler--save
没有意义。改为使用npm i嚎叫器。