在vue组件中导入laravel中的json文件

Question

我试图在vue组件中导入一个json文件，但它给出了以下错误

./~/buble-loader中出错？{“objectassign”：“object.assign”}！./~/vue-loader/lib/selector.js？type=script&index=0！找不到./resources/assets/src/app.vue模块：错误：无法解析“/var/www/html/mac/resources/assets/src”中的“assets/incomingdata.json”

脚本：

import jsonData from 'assets/incomingData.json'

export default {
  name: 'app',
  data () {
    return {
      entryData: jsonData,
      outputData: ''
    }
  },
  created () {
    this.$store.commit('setEntryData', this.entryData['bundle'])
    this.$store.commit('setTargetRate', this.entryData.targetNetRate)
  },
  beforeMount () {
    this.$store.dispatch('calculate').then(res => {
      this.outputData = this.$store.getters.getCalculatedData
    })
  }
}

文件夹结构：

package.json

有什么建议如何解决此问题？

Answer 1

assets文件夹与app.vue文件（从中导入json文件）处于同一级别。

为了从同一级别导入某些内容，您可以用开始导入路径。/

import jsonData from './assets/incomingData.json'

如果不使用./webpack将尝试在node_modules中找到一个名为“assets”的包，而不是文件夹。