Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.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 在使用create react app创建的reactjs应用程序中导入节点\模块dist js文件_Javascript_Node.js_Reactjs_Lazy Loading_Node Modules - Fatal编程技术网

Javascript 在使用create react app创建的reactjs应用程序中导入节点\模块dist js文件

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正在加载。

我不熟悉reactjs和nodejs,我使用
create ReactApp
创建了一个应用程序,并包含了一个第三方节点依赖项,其中包含一个带有css和js的dist文件夹。 由于我无法在公共文件夹中的
index.html
中添加/引用js和css文件,我尝试了以下方法

  • 在src文件夹内的index.js中包含css和js文件引用
  • 在公用文件夹中添加了dist文件夹,并在
    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得到了反映。这是第三方的文件。我是否应该在组件中包含相同的组件?添加节点模块作为组件?是否有任何参考?