Question

我一直在按照本教程设置环境，以便在react js中进行开发。

但是当我在浏览器上运行localhost：8080时，它显示的是空白页面。我尝试过所有的浏览器，但都没有。

我已经安装了webpack，但是当我运行 webpack 命令时，它说输出文件名未配置

我的webpack-config.js文件

    module.exports = {
   entry: './main.js',

   output: {
      path:'asd/',
      filename: 'index.js',
   },

   devServer: {
      inline: true,
      port: 8080
   },

   module: {
      loaders: [ {
         test: /\.js?$/,
         exclude: /node_modules/,
         loader: 'babel',

         query: {
            presets: ['es2015', 'react']
         }
      }]
   }

}

module.exports = config;

此外，在教程中，他们在html文件中添加了一个脚本index.js，浏览器无法找到该脚本并显示错误

404：服务器找不到资源index.js

我从包含所有文件的文件夹所在的同一路径启动服务器请帮忙。

Answer 1

当您运行webpack时，它将查看asd文件夹中的文件index.js文件。请检查您的文件夹结构，以验证在asd文件夹中有一个名为indexjs的文件。

localhost：8080在react js中显示一个空白页面

1 个答案: