我正在学习react-redux应用程序,现在我正试图向浏览器传递一个“ Hello World!”。但是当我用npm启动它时,它似乎出现了错误,我真的不知道如何解决它。抱歉,在这个编码世界中我有点菜鸟。 npm
预先感谢:)
编辑:
下面是我的index.js
代码:
import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/app';
ReactDOM.render( <App />, document.getElementById('app') );
下面是我的app.js
代码:
import React from 'react'; export default () => ( <div>Hello world!</div> );
module.export = {
entry: './index.js',
output: {
path: __dirname,
filename:'bungle.js'
},
devtool: 'eval-source-map',
module: {
loaders: [{
test: /.js?$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['es2015', 'react'],
plugins: ['transform-object-rest-spread']
}
}]
}
};
答案 0 :(得分:0)
src文件夹是在项目的根目录中还是您尝试移动它?
尽管React Official并不遵循特定的文件夹结构和命名约定,但是很常见的是,开发人员通常将大多数逻辑放在src文件夹中。 Source文件夹可以具有一个用于存储所有文件夹的components文件夹,类似地,在src文件夹中,您可以具有一个images文件夹来存储所有图像,一个css文件夹来存储所有css,依此类推。默认情况下,您是对的,您可以通过creat react app获得一个src文件夹。我想您跟随的老师将来可能会创建一个src文件夹,或者您可以向我显示索引文件的代码,以便我更好地告诉您
编辑: (在OP提供了index.js
和app.js
之后)
这很奇怪。虽然这不应该发生,但我建议您通过create-react-app创建另一个React项目,然后尝试运行该项目以查看React是否不是问题