在资产中创建 json 文件时 Vue JS 上的错误和空白页

Question

我遇到了一个很奇怪的问题。我有一个用 vue ui 创建的 vue 项目。我正在 visual studio.

中编辑我的代码

我想在连接我的 API 之前制作原型并使用假数据。所以我有想法在我的资产文件夹中创建一个 json 文件来托管我的 moock 数据并将它们导入以在 UI.

上工作

但是当我在我的资产文件夹中创建一个 Json 文件，并且 vue ui 重新渲染项目时，我有以下错误。

app.js:1178 Uncaught Error: Cannot find module './assets/moockupdata.json'
at webpackMissingModule (app.js:1178:45)
at Object../src/assets/moockupdata.json (app.js:1178:145)
at __webpack_require__ (app.js:854:30)
at fn (app.js:151:20)
at webpackContext (eval at ./src sync recursive [A-Za-z0-9-_,\s]+\.json$/ (app.js:1087:1), <anonymous>:11:9)
at eval (i18n.js?9225:13:1)
at Array.forEach (<anonymous>)
at loadLocaleMessages (i18n.js?9225:9:1)
at eval (i18n.js?9225:22:1)
at Module../src/i18n.js (app.js:1191:1)
webpackMissingModule @ app.js:1178
./src/assets/moockupdata.json @ app.js:1178
__webpack_require__ @ app.js:854
fn @ app.js:151
webpackContext @ ?400a:11
eval @ i18n.js?9225:13
loadLocaleMessages @ i18n.js?9225:9
eval @ i18n.js?9225:22
./src/i18n.js @ app.js:1191
__webpack_require__ @ app.js:854
fn @ app.js:151
eval @ main.js:16
./src/main.js @ app.js:1225
__webpack_require__ @ app.js:854
fn @ app.js:151
1 @ app.js:1345
__webpack_require__ @ app.js:854
checkDeferredModules @ app.js:46
(anonymous) @ app.js:994
(anonymous) @ app.js:997

我必须承认我对这个问题很困惑ui。我希望得到一些帮助

非常感谢

Answer 1

我终于找到了转机。不要固执己见，不惜一切代价尝试创建一个 JSON 文件。

我去了一个“mydata.js”文件

有内部结构

const data = {
  Mykey1: 'Myvalue1',
  HasKey1: true,
  otherdata: 'yes'
}

export default data

并使用

从我的 Vue 文件导入它

<script>
import AwsConfig from '@/config/mydata.js.js'
export default {
...

在资产中创建 json 文件时 Vue JS 上的错误和空白页

Error and blank page on Vue JS when creating a json file in assets

javascript

database

vue.js

web

webpack