在Gridsome中加载Lottie JSON文件

如何解决在Gridsome中加载Lottie JSON文件

我尝试在Gridsome中使用lottie-vuejs，但未能成功导入存储在 src / assets / animations / success.json 中的动画文件。我收到404错误。

在我的模板中，我像这样使用彩票：

<template>
 </Layout>
  <lottie-animation path="./assets/animations/success.json" />
 </Layout>
</template>

在我的网格文件中，我尝试使用Webpack导入文件，但是仍然无法正常工作。

const path = require('path');

module.exports = {

 configureWebpack: {
  module: {
   rules: [
     {
       type: 'javascript/auto',test: /\.json$/,include: [path.resolve(__dirname,'src/assets/animations')],use: [
         {
           loader: 'file-loader',},],

有什么想法吗？