#javascript #reactjs #react-native
Вопрос:
У меня много проблем с выяснением, пока этот модуль не работает. Каждый раз, когда я пытаюсь запустить свой код, я получаю следующую ошибку при компиляции:
./node_modules/react-native-tts/index.js
Module not found: Can't resolve 'react-native' in 'C:UsersAnthonyDesktopklementinenode_modulesreact-native-tts'
Я пытался найти модуль для преобразования текста в речь, просто передавая функции простую строку вместо использования файлов .wav, поэтому я пытаюсь использовать react-native-tts. В противном случае мне тоже нравятся чьи-либо предложения.
Это мое index.js это инициирует приложение
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './components/App';
import reportWebVitals from './reportWebVitals';
import { ThemeProvider } from '@material-ui/core/styles'
import theme from "./theme"
ReactDOM.render(
<React.StrictMode>
<ThemeProvider theme={theme}>
<App />
</ThemeProvider>
</React.StrictMode>,
document.getElementById('root')
);
И это моя страница приложения
import { BrowserRouter as Router, Switch, Route } from "react-router-dom"
import { Link as RouterLink } from 'react-router-dom';
import Badge from '@material-ui/core/Badge';
import React from "react"
import Home from "./Home"
import Two from "./Two"
import Three from "./Three"
import Eat from "./Eat/Eat"
import NativeSpeech from "./NativeSpeech"
function App() {
return (
<div>
<Router>
<Switch>
<Route exact path="/" component={Home}/>
<Route path="/Two" component={Two}/>
<Route path="/Three" component={Three}/>
<Route path="/Eat" component={Eat}/>
<Route path="/NativeSpeech" component={NativeSpeech}/>
</Switch>
</Router>
</div>
);
}
export default App;
а вот мой пакет, где показаны мои зависимости:
{
"name": "klementine",
"version": "0.1.0",
"private": true,
"dependencies": {
"@material-ui/core": "^4.11.4",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"node": "^16.4.0",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-native": "^0.64.2",
"react-native-tts": "^4.1.0",
"react-scripts": "4.0.3",
"web-vitals": "^1.0.1"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
Комментарии:
1. react-native-tts-это библиотека, разработанная специально для react-native. реагировать и реагировать-родной-это не одно и то же. React создан для Интернета, а React Native создан для мобильных устройств. Однако вы также можете использовать библиотеку speak-tts, созданную для Интернета. npmjs.com/package/speak-tts
2. Большое спасибо. Это очень помогло и помогло мне переключить свое внимание.!
Ответ №1:
Модуль ошибки, который не найден, также может возникнуть из-за возможной орфографической ошибки не в грамматическом смысле, а из-за разницы в синтаксисе, использующем pip. Например: Ошибка, с которой я столкнулся : Модуль не найден Пакет распознавания речи ,который я установил: pip установил распознавание речи и успешно установил ошибка заключалась в том, что при импорте кода правильным кодом был импорт speech_recognition, и я написал импорт распознавания речи по очевидной причине, по которой я установил распознавание речи . Поэтому попробуйте написать другой синтаксис для вашего модуля.