如何解决bundle.min.js 不在 html 文件中显示组件
我想在简单的脚本标签(一个小部件)中显示我的反应组件 我使用 npx create-react-app widget_app 创建了简单的 React 应用程序。 我按照以下步骤在单个包文件中构建了一个 React 应用程序,即 bundle.min.js:
"web:build": "npm run build && npm run build:bundle",
"build:bundle": "webpack --config webpack.config.js"
我使用以下命令在服务器上运行了上述捆绑文件:
- npm install -g http-server
- http-server
我想在其中显示我的 React 小部件的 HTML 文件(捆绑文件):
<!doctype html>
<html lang="en">
<head>
<title>Embedded Widget App</title>
</head>
<body>
<script type="text/javascript" src="http://127.0.0.1:8080/bundle.min.js"></script>
</body>
</html>
解决方法
这是因为默认情况下禁用源映射文件,因此不会生成何时创建项目源映射文件的构建。要启用在项目根目录下的 .env 文件中添加以下行。
GENERATE_SOURCEMAP = true
您可以参考这篇文章了解更多信息:Easy Debugging In React With WebPack Source Maps
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。