![](/img/trans.png)
[英]Cannot import createSagaMiddleware from 'redux-saga' in my create-react-app
[英]cannot import store from redux library in react app
我在官方react-redux網站上使用以下 javascript 嘗試 redux 示例:
// index.js
import React from 'react'
import ReactDOM from 'react-dom'
import TodoApp from './TodoApp'
import { Provider } from 'react-redux'
import store from './redux/store'
const rootElement = document.getElementById('root')
ReactDOM.render(
<Provider store={store}>
<TodoApp />
</Provider>,
rootElement
)
但我收到以下錯誤:
Module not found: Can't resolve './redux/store' in '/mnt/d/Projects/engage-calculator/src'
我的 package.json 是
{
"name": "engage-calculator",
"version": "0.1.0",
"private": true,
"dependencies": {
"bootstrap": "^4.3.1",
"react": "^16.10.2",
"react-dom": "^16.10.2",
"react-redux": "^7.1.0",
"react-scripts": "3.2.0",
"redux": "^4.0.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
怎么了?? 代碼沙盒頁面與我的目錄結構相同,我也嘗試使用 {} 命名導入,但沒有任何改變。 我可以向您保證,redux 已安裝,我已多次安裝 npm
目錄結構:
.
├── README.md
├── package-lock.json
├── package.json
├── public
│ ├── favicon.ico
│ ├── index.html
│ ├── logo192.png
│ ├── logo512.png
│ ├── manifest.json
│ └── robots.txt
└── src
├── App.css
├── App.js
├── App.test.js
├── components
│ └── calculator.js
├── index.css
├── index.js
├── logo.svg
└── serviceWorker.js
你的問題是你應該創建你的商店,他們使用了自定義路徑,所以他們創建了一個名為 redux 的文件夾和一個名為 store file 的文件
- application
- redux
- store.js
所以你的路徑將是./redux/store
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.