当这个模块不工作时,我很难弄清楚。每次我尝试运行我的代码时,都会出现以下编译失败错误:
./node_modules/react-native-tts/index.js
Module not found: Can't resolve 'react-native' in 'C:\Users\Anthony\Desktop\klementine\node_modules\react-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"
]
}
}