小编Abd*_*ref的帖子

我无法确定在ReactJS webpack中加载图像的正确加载器是什么,

你可以帮个忙吗？我收到此错误:

Module parse failed: /Users/imac/Desktop/fakeeh/imgs/logo.png Unexpected character '?' (1:0)
You may need an appropriate loader to handle this file type.

这是webpack配置:

const path = require('path');


module.exports = {
  // the entry file for the bundle
  entry: path.join(__dirname, '/client/src/app.jsx'),

  // the bundle file we will get in the result
  output: {
    path: path.join(__dirname, '/client/dist/js'),
    filename: 'app.js',
  },

  module: {

    // apply loaders to files that meet given conditions
    loaders: [{
      test: /\.jsx?$/,
      include: path.join(__dirname, '/client/src'),
      loader: 'babel-loader',
      query: { …

今天，当我启动 iMac 继续开发 ReactJS 应用程序时……它没有加载……

我所说的“加载”是指它不显示任何页面的内容。

错误：

未捕获的类型错误：无法读取未定义的属性“getCurrentLocation”

如果您需要 App.js 和 index.js 的代码，它们是：

应用程序.js：

import React, { Component } from 'react';
import Header from './pages/Header';
import Footer from './pages/Footer';

import './css/App.css';

class App extends Component {
  render() {
    return (
      <div className="App">

        <Header />

            {/*Content*/}
            <div> App Page </div>

        <Footer />

      </div>
    );
  }
}

export default App;

索引.js：

import { Router, Route, History } from 'react-router';
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

// …

我需要你的帮助

我为网站创建了一个预加载屏幕，徽标 SVG 动画运行良好，但唯一让我感到困惑的是：每次重新加载时，动画都没有发生，但是 3 秒的装载机功能正常。

这是网站：http : //itsrev.io

这是代码：

var loaderScreen;

  function showPage() {
    document.getElementById("loader").style.display = "none";
    document.getElementById("banner").style.display = "block";
  }

  function loadingFunction() {
    loaderScreen = setTimeout(showPage, 4000);
  }

CSS：

 /**************************************
    Preloader
    ***************************************/
    #loader {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    #banner {
      display: none;
    }

    /* Add animation to "page content" */
    #banner {
      position: relative;
      -webkit-animation-name: animatebottom;
      -webkit-animation-duration: 1s;
      animation-name: animatebottom;
      animation-duration: 1s
    }

    @-webkit-keyframes animatebottom {
      from { bottom:-100px; opacity:0 }
      to …

我使用 CSS 创建了一个交叉淡入淡出，但我在时间方面遇到了困难。我希望每个图像之间延迟 4 秒或 4 秒，但它不起作用。

#cf {
  position:absolute;
  margin:0 auto;
    width: 100%;
    height: 100%;
    top: 0;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
    z-index: -1;
}

@-webkit-keyframes cf4FadeInOut {
 0% {
  opacity:1;
}
15% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

@-moz-keyframes cf4FadeInOut {
 0% {
  opacity:1;
}
15% {
opacity:1;
}
55% {
opacity:0;
}
100% { …

我有一个带有字符串大小写的枚举：

enum CaseStatus : string
{
    case Completed = 'completed';
    case Pending = 'pending';
    case Rejected = 'rejected';

    public function color(): string
    {
        return match($this)
        {
            self::Completed => 'badge-light-success',
            self::Pending => 'badge-light-warning',
            self::Rejected => 'badge-light-danger',
        };
    }
}

我正在尝试迁移使用此枚举的表并将其默认列值设置为CaseStatus::Pending

$table->string('status')->default(CaseStatus::Pending)->nullable();

当我迁移时，我收到错误：

Object of class App\Enums\CaseSeverity could not be converted to string