Reactjs React.js+;OpenCV.js ReferenceError:未定义cv
基本上,我不能同时运行opencv.js和react.js,因为(我认为)opencv.js太大(7.8mb),无法编译(我得到了max callstack错误)。鉴于此,我也无法在index.html中加载opencv.js,因为它的加载速度太慢,React无法提取它,因此,Reactjs React.js+;OpenCV.js ReferenceError:未定义cv,reactjs,opencv,Reactjs,Opencv,基本上,我不能同时运行opencv.js和react.js,因为(我认为)opencv.js太大(7.8mb),无法编译(我得到了max callstack错误)。鉴于此,我也无法在index.html中加载opencv.js,因为它的加载速度太慢,React无法提取它,因此,cv没有定义 创建一个onLoad=“myfunc()”函数对我来说意义最大,因为我可以将varloaded设置为true,并在reactdomdrender周围包装一条if语句。但是,当var变为true时,它永远不会拾
cv没有定义
创建一个onLoad=“myfunc()”函数对我来说意义最大,因为我可以将varloaded
设置为true,并在reactdomdrender周围包装一条if语句。但是,当var变为true时,它永远不会拾取,也不会渲染
我尝试了以下方法:
1) 将opencv.js
脚本直接导入到我的index.js
中,我正在测试这个脚本。我得到一个Max callstack错误。我猜这是因为opencv.js大约是8mb,而编译器不喜欢它
2) 我试图在public/index.html
文件中添加opencv.js
。我使用async
加载它,并将/*global cv*/
添加到我的index.js
文件的顶部。我发现错误cv未定义
import React from 'react';
/*global cv*/
var mytest = function() {
var test = cv.Mat();
console.log(test + ' if you see something before this, opencv loaded');
}
mytest();
function App() {
return (
<div>hello world</div>
)}
export default App;
当变量最终变为true时,该值将计算为false,并且从不运行
任何想法都欢迎 我在React using parcel bundler上使用OpenCV 3.4,您只能使用import进行尝试。请看下面的屏幕截图
我在React using parcel bundler上使用OpenCV 3.4,您只能使用import进行尝试。请看下面的屏幕截图
你有没有想过?你有没有想过??
if(openCvIsReady === true){
ReactDOM.render(<App />, document.getElementById('root'));
console.log(openCvIsReady + ' in react');
}