2017-06-03 45 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);