如何在 Laravel 项目中包含 moment.js 库？

Question

我正在 Laravel 中创建一个项目。 为了在 Chart.js 中创建图表，我需要在项目中包含 moment.js 库。 但我在连接 moment.js 库时遇到错误。

在命令行上运行指令

npm install moment --save

接下来，我将库本身包含在父刀片模板中：

• 如果我连接

  <script src="node_modules/moment/min/moment.min.js"></script>

  ，我会收到错误

无法加载资源：服务器响应状态为 404（未找到）

• 如果我包含

  <script src="{{ asset(node_modules/moment/min/moment.min.js) }}"></script>

  ，我会收到错误

未定义常量“node_modules”

Answer 1

您无法访问像node_modules这样的根文件夹，因为域名（localhost）指向/public目录，这就是laravel为您的文件提供服务的方式，所以如果您想包含该脚本，您可以下载它并将其放在/public下的某个位置目录或仅使用 Vite 导入 js 脚本，特别是对于 Laravel 非常有帮助（检查 Vite with Laravel）。