1
로 시작합니다. 저는 React with Rails의 초보자이며 시도하고 있습니다. 현재 라우팅과 함께 일하고 있으며 어디서 잘못 될지 잘 모르겠습니다. 나를 안내 해줘.잡히지 않은 오류 : 모듈 "react"를 찾을 수 없습니다.
UserWorld.jsx 파일이있는 컨테이너 폴더가 있습니다.
import React, { PropTypes } from 'react';
import User from '../containers/User';
// Simple example of a React "smart" component
export default class UserWorld extends React.Component {
constructor(props, context) {
super(props, context);
// How to set initial state in ES6 class syntax
// https://facebook.github.io/react/docs/reusable-components.html#es6-classes
this.state = { users: this.props.data
};
}
render() {
var userNodes = this.state.users.map(function(user) {
return (
<User key={user.id} first_name={user.first_name} last_name={user.last_name} email={user.email} city={user.city} address={user.address} />
);
});
return (
<table>
<thead>
<tr>
<td>First Name</td>
<td>Last Name</td>
<td>Email</td>
<td>Address</td>
<td>City</td>
</tr>
</thead>
<tbody>
{userNodes}
</tbody>
</table>
);
}
}
를 내가 링크를 추가 할 지금 나는 다음과 같이 그러나이 콘솔에서 나에게 오류를 제공
import { Router, Route, Link, browserHistory, IndexRoute } from 'react-router'
을 포함하고 있습니다 : 다음과 같이 그 내용은
Uncaught Error: Cannot find module "react"
Exception in rendering!
message: Could not find component registered with name UserWorldApp. Registered component names include [ HelloWorldApp ]. Maybe you forgot to register the component?
이제 여기서 일어나는 일에 대한 단서가 없습니다. 누군가가 나를 도울 수 있다면 나는 의무가있다. 또한, 만약 내가 같은 참조를 얻을 수 있습니다. 나는 주위에 발견되는 다른 구문에 문제가있다.
업데이트 : 나는 오류가 node_modules 폴더에 반응 라우터 폴더에 Router.js에 var _react = require('react');에 나오는 줄 것을 볼
.
나는 콘솔이 얻을 :
ERROR in ../~/react-router/lib/Router.js
18:03:09 client.1 | Module not found: Error: Cannot resolve module 'imports' in /Users/c193/Documents/React/test-react-on-rails/node_modules/react-router/lib
18:03:09 client.1 | @ ../~/react-router/lib/Router.js 19:13-29
P.S을 모든 워드 프로세서와 내가 읽은 기사는 방법으로 저를 이해하기 너무 기술하고 난 단지 비트와 그것의 조각을 이해합니다. 처음 2 주 만에 시작되었습니다.
당신이 react''설치 했습니까? 'package.json' 파일을 가지고 있습니까? – JMM
예, 패키지가 있습니다.json' 파일과 함께 설치하고 반응 노드를 사용하여 반응 노드와 반응 라우터를 설치했습니다. npm i webpack webpack-dev-server babel-core babel-loader babel-preset-es2015 babel을 사용하여 반응 반응 노드 반응 라우터를 저장합니다. -preset-react --save-dev' – Aakanksha
오류 메시지가 너무 많아서 무슨 일이 일어나고 있는지 말할 수 없습니다. 예를 들어, '오류 : 모듈'가져 오기 '를 해결할 수 없습니다.라는 오류 메시지를 게시했습니다. '모듈을 찾을 수 없습니다 '라는 오류와 관련하여 명확하지 않습니다. React와 React Router는 같은'node_modules /'에 있습니다. 맞습니까? – JMM