Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.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 集成两个react项目时出现问题:index.hml中的javascrpit导入被阻止_Javascript_Reactjs_Webpack - Fatal编程技术网

Javascript 集成两个react项目时出现问题:index.hml中的javascrpit导入被阻止

Javascript 集成两个react项目时出现问题:index.hml中的javascrpit导入被阻止,javascript,reactjs,webpack,Javascript,Reactjs,Webpack,我正在使用airframe react dashboard作为我的项目()的样板,现在我需要将ZOOM web sdk添加到其中,ZOOM提供了一个示例react项目,该项目本身运行良好(本地文件夹中的本地版本) 要使zoom sdk正常工作,它需要导入一些Java脚本(查看index.html文件),并且在复制所需脚本时,chrome会对导入的每个文件抛出以下错误: The resource from “http://0.0.0.0:4100/node_modules/react/umd/re

我正在使用airframe react dashboard作为我的项目()的样板,现在我需要将ZOOM web sdk添加到其中,ZOOM提供了一个示例react项目,该项目本身运行良好(本地文件夹中的本地版本)

要使zoom sdk正常工作,它需要导入一些Java脚本(查看index.html文件),并且在复制所需脚本时,chrome会对导入的每个文件抛出以下错误:

The resource from “http://0.0.0.0:4100/node_modules/react/umd/react.production.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
The resource from “http://0.0.0.0:4100/node_modules/react-dom/umd/react-dom.production.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
The resource from “http://0.0.0.0:4100/node_modules/redux/dist/redux.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
The resource from “http://0.0.0.0:4100/node_modules/redux-thunk/dist/redux-thunk.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
The resource from “http://0.0.0.0:4100/node_modules/lodash/lodash.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
The resource from “http://0.0.0.0:4100/node_modules/jquery/dist/jquery.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
Loading failed for the <script> with source “http://0.0.0.0:4100/node_modules/react/umd/react.production.min.js”. consult:165:1
The resource from “http://0.0.0.0:4100/node_modules/react-dom/umd/react-dom.production.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
Loading failed for the <script> with source “http://0.0.0.0:4100/node_modules/react-dom/umd/react-dom.production.min.js”. consult:166:1
The resource from “http://0.0.0.0:4100/node_modules/redux/dist/redux.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
Loading failed for the <script> with source “http://0.0.0.0:4100/node_modules/redux/dist/redux.min.js”. consult:167:1
The resource from “http://0.0.0.0:4100/node_modules/redux-thunk/dist/redux-thunk.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
Loading failed for the <script> with source “http://0.0.0.0:4100/node_modules/redux-thunk/dist/redux-thunk.min.js”. consult:168:1
The resource from “http://0.0.0.0:4100/node_modules/lodash/lodash.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
Loading failed for the <script> with source “http://0.0.0.0:4100/node_modules/lodash/lodash.min.js”. consult:169:1
The resource from “http://0.0.0.0:4100/node_modules/jquery/dist/jquery.min.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
Loading failed for the <script> with source “http://0.0.0.0:4100/node_modules/jquery/dist/jquery.min.js”.

有人能帮我指出正确的方向吗,因为我不需要了解为什么会有脚本被阻止,我在google上找到的只是CSS,而不是zoom示例应用程序中的js模块。似乎您可以跳过添加脚本,将以下内容添加到机身项目中的package.json文件中:

"dependencies": { // add to your existing dependencies object, don't make a new one
    "@zoomus/websdk": "^1.7.2",
    "jquery": "^3.4.1",
    "lodash": "^4.17.14",
    "react": "16.8.6",
    "react-dom": "16.8.6",
    "react-redux": "7.1.0",
    "redux": "3.7.2",
    "redux-thunk": "2.2.0"
  },
在使用Zoom Meeting SDK的React文件中,只需导入它:

import {ZoomMtg} from '@zoomus/websdk';

请记住在更新package.json后运行npm安装,并注意不要添加重复项。如果存在副本,则在大多数情况下保留版本号较高的副本。

从zoom示例应用程序中,您似乎可以跳过添加脚本,并将以下内容添加到机身项目中的package.json文件中:

"dependencies": { // add to your existing dependencies object, don't make a new one
    "@zoomus/websdk": "^1.7.2",
    "jquery": "^3.4.1",
    "lodash": "^4.17.14",
    "react": "16.8.6",
    "react-dom": "16.8.6",
    "react-redux": "7.1.0",
    "redux": "3.7.2",
    "redux-thunk": "2.2.0"
  },
在使用Zoom Meeting SDK的React文件中,只需导入它:

import {ZoomMtg} from '@zoomus/websdk';

请记住在更新package.json后运行npm安装,并注意不要添加重复项。如果存在副本,则在大多数情况下保留版本号较高的副本。

您是否在localhost:4100上运行web服务器?@SydneyY不完全是,它的版本号为0.0.0:4100。但这有多重要?这个错误是浏览器说它向文件/node_modules/../react.production.min.css等的0.0.0.0:4100发送了一个GET请求,并返回了HTML。该HTML很可能是一个404错误页面,表示服务器找不到该文件。您是否在localhost:4100上运行web服务器?@SydneyY不完全是,它的0.0.0.0:4100。但这有多重要?这个错误是浏览器说它向文件/node_modules/../react.production.min.css等的0.0.0.0:4100发送了一个GET请求,并返回了HTML。该HTML很可能是一个404错误页面,表示服务器找不到该文件。这是可行的,但由于某些原因,jQuery仍然需要导入index.HTML中,否则无法找到全局$。感谢Sydney,它成功了,但是由于某些原因,jQuery仍然需要导入index.html中,否则无法找到全局$。谢谢你,雪梨