无法解析“ ./src”

时间:2020-01-03 17:28:33

标签: npm webpack indexing src

我正在学习react-redux应用程序,现在我正试图向浏览器传递一个“ Hello World!”。但是当我用npm启动它时,它似乎出现了错误,我真的不知道如何解决它。抱歉,在这个编码世界中我有点菜鸟。 npm

package.json

webpack.config

预先感谢:)


编辑:

下面是我的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']
      }
    }] 
  } 
};

1 个答案:

答案 0 :(得分:0)

src文件夹是在项目的根目录中还是您尝试移动它?

尽管React Official并不遵循特定的文件夹结构和命名约定,但是很常见的是,开发人员通常将大多数逻辑放在src文件夹中。 Source文件夹可以具有一个用于存储所有文件夹的components文件夹,类似地,在src文件夹中,您可以具有一个images文件夹来存储所有图像,一个css文件夹来存储所有css,依此类推。默认情况下,您是对的,您可以通过creat react app获得一个src文件夹。我想您跟随的老师将来可能会创建一个src文件夹,或者您可以向我显示索引文件的代码,以便我更好地告诉您


编辑: (在OP提供了index.jsapp.js之后)

这很奇怪。虽然这不应该发生,但我建议您通过create-react-app创建另一个React项目,然后尝试运行该项目以查看React是否不是问题