0

Im trying to implement this library https://github.com/NikValdez/voiceTextTut/blob/master/src/App.js As a Javascript Action   // This file was generated by Mendix Studio Pro. // // WARNING: Only the following code will be retained when actions are regenerated: // - the import list // - the code between BEGIN USER CODE and END USER CODE // - the code between BEGIN EXTRA CODE and END EXTRA CODE // Other code you write will be lost the next time you deploy the project. import { Big } from "big.js"; import React, { useState, useEffect } from 'react';// BEGIN EXTRA CODE// END EXTRA CODE/** * @returns {Promise.<string>} */ export async function JS_SpeechToText() { // BEGIN USER CODE const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition const mic = new SpeechRecognition()mic.continuous = true mic.interimResults = true mic.lang = 'en-US'function App() { const [isListening, setIsListening] = useState(false) const [note, setNote] = useState(null) const [savedNotes, setSavedNotes] = useState([]) useEffect(() => { handleListen() }, [isListening]) const handleListen = () => { if (isListening) { mic.start() mic.onend = () => { console.log('continue..') mic.start() } } else { mic.stop() mic.onend = () => { console.log('Stopped Mic on Click') } } mic.onstart = () => { console.log('Mics on') } mic.onresult = event => { const transcript = Array.from(event.results) .map(result => result[0]) .map(result => result.transcript) .join('') console.log(transcript) setNote(transcript) mic.onerror = event => { console.log(event.error) } } } const handleSaveNote = () => { setSavedNotes([...savedNotes, note]) setNote('') } setIsListening(prevState => !prevState); } // END USER CODE } When i try run it throws an error : [webpack-cli] [31mModuleNotFoundError: Module not found: Error: Can't resolve 'react' in 'C:\Mendix\Mendix How-To-main\javascriptsource\nativemobile\actions' at C:\Program Files\Mendix\9.1.1.19613\modeler\tools\node\node_modules\webpack\lib\Compilation.js:1672:28 at C:\Program Files\Mendix\9.1.1.19613\modeler\tools\node\node_modules\webpack\lib\NormalModuleFactory.js:712:13 at eval (eval at create (C:\Program Files\Mendix\9.1.1.19613\modeler\tools\node\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1) at C:\Program Files\Mendix\9.1.1.19613\modeler\tools\node\node_modules\webpack\lib\NormalModuleFactory.js:273:22 at eval (eval at create (C:\Program Files\Mendix\9.1.1.19613\modeler\tools\node\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:22:1) at C:\Program Files\Mendix\9.1.1.19613\modeler\tools\node\node_modules\webpack\lib\NormalModuleFactory.js:402:22 at C:\Program Files\Mendix\9.1.1.19613\modeler\tools\node\node_modules\webpack\lib\NormalModuleFactory.js:117:11 at C:\Program Files\Mendix\9.1.1.19613\modeler\tools\node\node_modules\webpack\lib\NormalModuleFactory.js:628:24 at C:\Program Files\Mendix\9.1.1.19613\modeler\tools\node\node_modules\webpack\lib\NormalModuleFactory.js:782:8 at C:\Program Files\Mendix\9.1.1.19613\modeler\tools\node\node_modules\webpack\lib\NormalModuleFactory.js:902:5 resolve 'react' in 'C:\Mendix\Mendix How-To-main\javascriptsource\nativemobile\actions' Parsed request is a module No description file found in C:\Mendix\Mendix How-To-main\javascriptsource\nativemobile\actions or above resolve as module looking for modules in C:\Mendix\Mendix How-To-main\javascriptsource\nativemobile\actions\node_modules single file module No description file found in C:\Mendix\Mendix How-To-main\javascriptsource\nativemobile\actions\node_modules or above no extension C:\Mendix\Mendix How-To-main\javascriptsource\nativemobile\actions\node_modules\react doesn't exist .js C:\Mendix\Mendix How-To-main\javascriptsource\nativemobile\actions\node_modules\react.js doesn't exist .json C:\Mendix\Mendix How-To-main\javascriptsource\nativemobile\actions\node_modules\react.json doesn't exist .wasm C:\Mendix\Mendix How-To-main\javascriptsource\nativemobile\actions\node_modules\react.wasm doesn't exist C:\Mendix\Mendix How-To-main\javascriptsource\nativemobile\actions\node_modules\react doesn't exist C:\Mendix\Mendix How-To-main\javascriptsource\nativemobile\node_modules doesn't exist or is not a directory C:\Mendix\Mendix How-To-main\javascriptsource\node_modules doesn't exist or is not a directory C:\Mendix\Mendix How-To-main\node_modules doesn't exist or is not a directory C:\Mendix\node_modules doesn't exist or is not a directory C:\node_modules doesn't exist or is not a directory[39m   Ive installed node modules in the actions folder but doesnt seem to be working  

asked 2021-06-10

0 answers