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嚎叫器。