我想在laravel中添加一个轮播插件。
https://github.com/OwlCarousel2/OwlCarousel2
所以我运行 npm install --save owl.carouse 并将以下代码添加到 index.blade.php
<script src="/node_modules/owl.carousel/dist/owl.carousel.js"></script>
owl.carousel.js在我的项目中，但是当我运行npm run watch并查看浏览器时，控制台中显示错误：
GET http://127.0.0.1:8000/node_modules/owl.carousel/dist/owl.carousel.js 404 (Not Found)
那是为什么？
答案 0 :(得分：0)
您不应通过脚本标签导入它。将其添加到bootstrap.js文件中
require('owl.carousel');
require（）将使用node_modules作为根目录
您当然可以在通过脚本标记导入的任何其他.js文件中使用require。
如果您使用的是VueJ，请在vue组件的顶部进行
import owl from 'owl.carousel'
答案 1 :(得分：0)
在主.scss文件中添加以下行：
@import '~owl.carousel/dist/assets/owl.carousel.css';
使用npm run dev
您可以对JavaScript文件重复这些步骤
编辑：
如果您尚未使用Laravel混合，请先阅读此文档。 https://laravel.com/docs/5.6/mix
答案 2 :(得分：0)
您的Web服务器无权访问 node_modules 目录。
您最好使用gulp复制并将其捆绑到公共目录中。
或者，如果需要，可以手动进行。将脚本复制到 public 目录。 我通常在 public 下创建 asset / js 目录，然后在其下复制owl。
您将拥有：
<script src="/asset/js/owl.carousel/dist/owl.carousel.js"></script>