Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应生成文件未加载html文件中的组件_Javascript_Reactjs_Webpack - Fatal编程技术网

Javascript 反应生成文件未加载html文件中的组件

Javascript 反应生成文件未加载html文件中的组件,javascript,reactjs,webpack,Javascript,Reactjs,Webpack,基本上,我想在一个脚本标签中显示我的react应用程序。 我用web pack创建了一个构建文件。我不知道如何解释它。 但当我将它加载到html文件时,它没有显示任何内容。 Chrome将生成文件显示为源文件,但浏览器上不显示任何内容 我还尝试在构建文件中手动添加一些js函数,如: document.getElementById('ex-wid').innerHTML = "TESTING" 它正确显示在页面上,但未将其他react组件或图像添加到div中 html文件:

基本上,我想在一个脚本标签中显示我的react应用程序。 我用web pack创建了一个构建文件。我不知道如何解释它。 但当我将它加载到html文件时,它没有显示任何内容。 Chrome将生成文件显示为源文件,但浏览器上不显示任何内容 我还尝试在构建文件中手动添加一些js函数,如:

document.getElementById('ex-wid').innerHTML = "TESTING"
它正确显示在页面上,但未将其他react组件或图像添加到div中

html文件:


嵌入式小部件应用程序

您的文件夹结构是什么?
index.html
是否与
bundle.js
位于同一目录中?是。正如我前面提到的,如果在chrome文件中查找源文件,就会得到bundle.js