npm 如何在我自己的react webapp中嵌入webapp?

qjp7pelc  于 11个月前  发布在  React
关注(0)|答案(1)|浏览(94)

我可以用npm run dev在本地运行这个web应用游戏。我怎么才能让它用我的react应用启动和运行。我不知道该找什么帮助,我有点绝望。
在react应用程序中,我导入了游戏的index.html文件,并尝试运行react应用程序:

import index from 'html-loader!./micropolisJS/index.html';

class App extends Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <iframe src={index}></iframe>
        );
    }
}

字符串
但这只显示了html的内容,没有格式和功能。所有的sprites都显示了html中某个位置打印到屏幕上的所有文本,但没有格式,也没有任何功能。它只是说“嗯。该地址看起来不正确。请检查URL是否正确,然后再试一次。”1.我在这里真的很迷茫,请派一些人来帮忙。
有时我也会得到这个错误,但不是每次都这样,即使没有改变任何东西:

Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. 
See https://webpack.js.org/concepts#loaders
> <!DOCTYPE html>

n3ipq98p

n3ipq98p1#

您可以获取HTML文件,然后使用JSX呈现它

let test = <div> {index} </div>;

return (
    <test/>
)

字符串
对于您提到的问题,我会考虑将html文件放在public文件夹中,然后使用Get从react中获取它,然后使用上面显示的片段呈现响应
编辑:你可以把你想嵌入的Micropolis文件夹放在你项目的公共URL上,然后修改iframe src为:

<iframe src={process.env.PUBLIC_URL + '/micropolisJS/index.html'}/>

相关问题