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

Question

我试图在我的vue组件中导入json文件，但是它给出了这个错误

  

错误   ./~/buble-loader?{"objectAssign":"Object.assign"}!./~/vue-loader/lib/selector.js?type=script&index= 0！./资源/资产/ src目录/ App.vue   找不到模块：错误：无法解析资产/ incomingData.json＆＃39;在   ＆＃39; /无功/网络/ HTML / MAC /资源/资产/ SRC＆＃39;

脚本：

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会尝试在名为“assets”的node_modules中找到一个包，而不是文件夹。