2017-06-03 47 views
1

這是我的HTML文件:'Redux'未定義錯誤

我以React-Create-App開始並對其進行修改。有些文件是在本地安裝的,而我試圖從CDN加載的Redux。

<!doctype html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <script src="cdnjs.cloudflare.com/ajax/libs/redux/3.6.0/redux.js"></script> 
    <script src="fb.me/react-15.1.0.js"></script> 
    <script src="fb.me/react-dom-15.1.0.js"></script> 
    <title>React App</title> 
    </head> 
    <body> 
    <div id="root"></div> 
    </body> 
</html> 

然後在我index.js文件:

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { render } from 'react-dom' 
import Counter from './Counter' 

const { createStore } = Redux; 
const store = createStore(Counter); 

const comp =() => { 
    ReactDOM.render(
    <Counter value={0}/>, 
    document.getElementById('root') 
)} 

comp() 

我不斷收到錯誤:

Failed to compile. 

./src/index.js 
    Line 19: 'Redux' is not defined no-undef 

它工作在Jsbin,但我不能讓它的崇高工作。我究竟做錯了什麼?

回答

1

嘗試從redux與NPM

import { createStore } from 'redux'; 
+1

這個工作的任何東西,謝謝。我可以在5分鐘內接受。那麼會做到這一點。 –

+0

@MorganAllen,還有一件事,寧願不使用CDN,你應該gouith webpack –

+0

是,試圖找出如何更新我的package.json以包括REDX。此外,我現在得到的錯誤:'TypeError:createStore不是一個函數'它看起來不像我導入creatStore正確? –

0

您是否執行過npm install以獲得響應及其所有依賴性?這可能是一個問題。

+0

是在安裝後導入createStore。這工作,如果我沒有包括從Redux –

0

試試這個

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { render } from 'react-dom' 
import Counter from './Counter' 

const { createStore } = 'redux'; 
const store = createStore(Counter);