如何将第三方库集成到React JS中

时间:2019-06-19 20:29:19

标签: reactjs create-react-app

我有一个模板,我想将其转换为React JS组件,并且我成功地做到了。众所周知,模板中使用了一堆库。我首先要做的是,通过.css样板的公用文件夹中的.js文件将index.htmlcreate-react-app库插入react应用程序。它成功地使用了插入的.js.css文件中的样式和脚本。但是当我将路由添加到react应用程序时出现了问题。

当我通过链接导航到另一条路线时,会加载组件,但不会加载所需的样式和脚本。我不知道问题是什么。我试图将脚本和样式导入到父组件home.js中。样式可以正常工作,但是模板中使用的库为:

bootstrap.min.jseva.min.jsfeather.min.jsjquery.min.jsjquery-slim.min.js,以及 popper.min.js

在上述库的每次导入中,它显示不同的错误。但例如,对于jquery.min.js,它显示以下错误:

enter image description here

1 个答案:

答案 0 :(得分:1)

在公用文件夹中的index.html页面中添加以下代码。

 <base href="/">