Question

美好的一天！

我是React的新手，我尝试创建我的第一个App。但是我遇到了一个问题。当我通过webpack收集模块时，我收到一个错误：

$ webpack
Hash: 3eddecfb03179fe8aace
Version: webpack 2.2.1
Time: 71ms
    Asset     Size  Chunks             Chunk Names
bundle.js  2.78 kB       0  [emitted]  main
   [0] ./src/index.js 269 bytes {0} [built] [failed] [1 error]

ERROR in ./src/index.js
Module parse failed: D:\Projects\FrontEnd\loftblog\src\index.js Unexpected token (4:7)
You may need an appropriate loader to handle this file type.
| import { render } from 'react-dom';
|
| render {
|   <div>
|     Hello react!

我的index.js文件：

import React from 'react';
import { render } from 'react-dom';

render {
  <div>
    Hello react!
  </div>,
  document.getElementById('root')
};

提前多多感谢！

Answer 1

您需要正确使用f = open("cinema.txt","r") print(f.read())功能：

render

（而不是render( <div> Hello react! </div>, document.getElementById('root') );）

Answer 2

我认为你错过了Babel配置，无论是在webpack（join_relation = Model1.joins(:items) item_ids.each do |id| join_relation.where(items: {id: id} } end res = join_relation.uniq部分）还是loaders文件本身。您需要告诉Babel处理您的代码并应用.babelrc预设。

如果您发布webpack.config.js和.babelrc，我们将能够指出特定的缺失部分。

否则，您可能需要查看react包，这是启动React应用程序的绝佳方式。

https://github.com/facebookincubator/create-react-app

React - 通过webpack收集模块时出错

2 个答案: