如何修复 npm run serve 命令带来的相关模块未找到错误答案

【问题标题】：How to fix npm run serve command bringing Relative Module was not found error如何修复 npm run serve 命令带来的相关模块未找到错误
【发布时间】：2022-01-25 21:48:22
【问题描述】：

我有一个区块链项目，它的前端是用 Vuejs 实现的。我已经使用“npm install”命令安装了所有依赖项。我正在尝试通过在 /appvue 根文件夹中运行“npm run serve”命令来设置开发服务器以服务于前端，但得到如下编译错误：

未找到此相关模块：

../../build/contracts/SupplyChain.json 在 ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!。 /node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang= js&

我是 VueJs 的新手，但似乎无法找到 Supplychain.json 文件，但它在附加的项目结构中清晰可见。

https://github.com/kafukoM/project_3_Dapp_Supply_Chain

【问题讨论】：

标签： javascript vue.js npm webpack ethereum

【解决方案1】：

您需要在 App.vue 文件第 209 行中将行替换为 import 从此

import supplyChainArtifact from '../../../build/contracts/SupplyChain.json'

到

import supplyChainArtifact from '../../app/src/SupplyChain.json'

【讨论】：