Javascript 在使用create react app创建的reactjs应用程序中导入节点\模块dist js文件
我不熟悉reactjs和nodejs,我使用Javascript 在使用create react app创建的reactjs应用程序中导入节点\模块dist js文件,javascript,node.js,reactjs,lazy-loading,node-modules,Javascript,Node.js,Reactjs,Lazy Loading,Node Modules,我不熟悉reactjs和nodejs,我使用create ReactApp创建了一个应用程序,并包含了一个第三方节点依赖项,其中包含一个带有css和js的dist文件夹。 由于我无法在公共文件夹中的index.html中添加/引用js和css文件,我尝试了以下方法 在src文件夹内的index.js中包含css和js文件引用 在公用文件夹中添加了dist文件夹,并在index.html中添加了引用。 在这两种情况下,我认为文件都包含在内,但当我创建下拉列表时,js功能不起作用,但css正在加载。
create ReactApp
创建了一个应用程序,并包含了一个第三方节点依赖项,其中包含一个带有css和js的dist文件夹。
由于我无法在公共文件夹中的index.html
中添加/引用js和css文件,我尝试了以下方法
index.html
中添加了引用。
在这两种情况下,我认为文件都包含在内,但当我创建下拉列表时,js功能不起作用,但css正在加载。我试着调试js,认为js是在加载组件之前解析的如何在react应用程序中引用第三方节点模块dist js文件。似乎您基本上希望将该节点模块作为组件添加到项目中,因此您可以在
my project/src/component
路径(而不是dist文件)中添加该组件代码,然后导入该组件,无论何时/以何种方式使用它。如果有进一步的查询,请在下面进行评论。通常,在项目根目录下,您可以通过从终端键入
npm install xxx
来加载npm依赖项。然后,您可以看到它们列在package.json
中,并加载到npm_modules
文件夹中。然后,您可以使用此处讨论的import
语句导入它们:您可以检查网络选项卡并查看js文件是否已加载吗?是的,npm install xxx也加载了js文件,并且在index.js文件中导入并需要语句。文件位于static/js/folderpath/node_modules/@xxx/js/内,已调试相同,在加载页面时加载该文件。当我尝试包含一个组件时,css得到了反映。这是第三方的文件。我是否应该在组件中包含相同的组件?添加节点模块作为组件?是否有任何参考?