ReferenceError: окно не определено с ReactJS - PullRequest
Новая
       31

ReferenceError: окно не определено с ReactJS

0 голосов
/ 28 мая 2018

Добрый вечер, я использую реагирование 16.3.2 в Ubuntu и хочу интегрировать мое новое приложение реакции с этим программным обеспечением .

Мой файл webpack.fly.config.js: 

const path = require("path");
const webpack = require("webpack");
const bundlePath = path.resolve(__dirname, "dist/");

module.exports = {
  entry: "./src/index.js",
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
query: { presets: ['react']}
      },
      {
        test: /\.css$/,
        use: [ 'style-loader', 'css-loader' ]
      }
    ]
  },
  resolve: { extensions: ['*', '.js', '.jsx'] },
  output: {
    publicPath: bundlePath,
    filename: "bundle.js"
  },
  devServer: {
    contentBase: path.join(__dirname,'public'),
    port: 3000,
    publicPath: "http://localhost:3000/dist"
  },
  plugins: [ new webpack.HotModuleReplacementPlugin() ]
};

Я не думаю, что это проблема, потому что когда я запускаю fly server, сервер начинает работать, но когда я иду, чтобы обновить мою localhost веб-страницу, яполучите ошибку ниже:

ReferenceError: окно не определено в module.exports (bundle.js: 5: 41) в bundle.js: 728: 10 at () в / usr / local /lib/node_modules/@fly/fly/lib/default_context_store.js: 47: 30

Мой файл index.js: 

import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

И мой index.html: 

<!-- sourced from https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>React Starter</title>
  </head>
  <body>
    <div id="root"></div>
    <noscript>
      You need to enable JavaScript to run this app.
    </noscript>
    <script src="../dist/bundle.js"></script>
  </body>
</html>

React и Webpack все еще довольно новы для меня, поэтому я даже не уверен, что это за ошибка или что она означает.

Может ли кто-нибудь пролить здесь свет и указать мнеправильное направление?

1 Ответ

0 голосов
/ 28 мая 2018

Найдите «окно» в своем коде и убедитесь, что оно выполняется, когда клиентская сторона использует! SERVER или аналогичный.

...