Parcel Bundler：本地主机上一切正常，但 Dist 上的 index.html 显示错误

Question

I am learning Parcel and trying to bundle a index.html connected with index.js .我正在学习 Parcel 并尝试捆绑与index.js连接的index.html 。 Everything is okay on the parcel localhost:1234 but in the dist folder when I open the index.html the app is not working.在包裹localhost:1234上一切正常，但在 dist 文件夹中，当我打开index.html时，应用程序无法正常工作。

Note: I know that the problem is caused from using import in my index.js注意：我知道问题是由于在我的 index.js 中使用 import 引起的

My package.json File -我的package.json文件 -

{
  "name": "reddit",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.10.4",
    "cssnano": "^4.1.10"
  },
  "description": ""
}

My index.html code for script connect我的 index.html 脚本连接代码

My all folders list我的所有文件夹列表

importing redditapi.js in index.js(check the all folder list image)在 index.js 中导入 redditapi.js（检查所有文件夹列表图像）

The error I am getting when I try to use the APP on index.html from dist folder当我尝试在 dist 文件夹中的 index.html 上使用 APP 时出现错误

Answer 1

The problem is fixed.问题已解决。 The import should not include from.导入不应包括来自。 It should be import 'index';它应该是 import 'index'; Thank you.谢谢你。 Everything was fixed after my NPM run build command.在我的 NPM 运行构建命令后，一切都得到了修复。

Parcel Bundler：本地主机上一切正常，但 Dist 上的 index.html 显示错误

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-07-20 21:24:30

Parcel Bundler：本地主机上一切正常，但 Dist 上的 index.html 显示错误

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-07-20 21:24:30

解决方案1
0 已采纳 2020-07-20 21:24:30