小编caf*_*ipt的帖子

无法使用webpack加载png文件,意外的字符

我试图重新配置我的webpack,现在我无法加载css文件.我将我的风格保存在src> styles> main.css中

我收到的错误如

ERROR in ./src/images/NavIcon03.png
Module build failed: SyntaxError: /Users/myname/work/site/src/images/NavIcon03.png: Unexpected character '?' (1:0) 
Run Code Online (Sandbox Code Playgroud)

这是我的webpack配置

var webpack = require('webpack')


module.exports = {
  entry: [
    './src/main.js'
  ],
  output: {
    path: __dirname,
    publicPath: '/',
    filename: 'bundle.js'
  },
  module: {
    loaders: [{
      exclude: /node_modules/,
      loader: 'babel'
    },
        {
          test: /\.css$/, // Only .css files
          loader: 'style!css' // Run both loaders
        }]
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  devServer: {
    contentBase: './'
  }
};
Run Code Online (Sandbox Code Playgroud)

下面是package.json

{
  "name": "website",
  "version": "0.0.1", …
Run Code Online (Sandbox Code Playgroud)

reactjs webpack webpack-style-loader

30
推荐指数
4
解决办法
3万
查看次数

使用天/周和标题创建自定义日历

我正在创建一个使用时刻和反应的计划组件.我创建了一个自定义日历.如何将周的日子固定在顶部,就像普通日历一样?因此,如果我通过9月的日期对象,我想在每个日期之上呈现所有日期与星期几的正确日期.我在这里创造了一个小提琴.

https://jsfiddle.net/4dbwLg6b/

var dates = ['Thu Sep 01 2016 00:00:00 GMT+0800 (CST)', 'Fri Sep 02 2016 00:00:00 GMT+0800 (CST)', 'Sat Sep 03 2016 00:00:00 GMT+0800 (CST)', 'Sun Sep 04 2016 00:00:00 GMT+0800 (CST)', 'Mon Sep 05 2016 00:00:00 GMT+0800 (CST)', 'Tue Sep 06 2016 00:00:00 GMT+0800 (CST)', 'Wed Sep 07 2016 00:00:00 GMT+0800 (CST)', 'Thu Sep 08 2016 00:00:00 GMT+0800 (CST)', 'Fri Sep 09 2016 00:00:00 GMT+0800 (CST)', 'Sat Sep 10 2016 00:00:00 GMT+0800 (CST)', 'Sun Sep 11 2016 00:00:00 …
Run Code Online (Sandbox Code Playgroud)

html javascript datetime calendar momentjs

6
推荐指数
2
解决办法
9051
查看次数

google-map-react 自定义皮肤

我正在使用 react 和 google-map-react 组件。我正在尝试向我的谷歌地图添加皮肤。知道我在哪里做这个吗?我尝试使用 snazzymap 皮肤,它们提供了一系列样式。

https://snazzymaps.com/style/25/blue-water

时髦的地图提供了

import React from 'react';
import ReactDom from 'react-dom';
//import shouldPureComponentUpdate from 'react-pure-render/function';

import GoogleMap from 'google-map-react';
var divStyle = {
  paddingTop: 20,
  paddingLeft: 20,
  paddingRight: 20,
  width:1024,
  height:768
};
const K_WIDTH = 40;
const K_HEIGHT = 40;

const greatPlaceStyle = {
  // initially any map object has left top corner at lat lng coordinates
  // it's on you to set object origin to 0,0 coordinates
  position: 'absolute',
  width: K_WIDTH,
  height: K_HEIGHT, …
Run Code Online (Sandbox Code Playgroud)

javascript google-maps reactjs

4
推荐指数
2
解决办法
3426
查看次数

带 React 的 TinyMCE 编辑器无法访问本地文件

我将tinyMCE编辑器插件与react js一起使用。我正在尝试将文件从本地计算机上传到编辑器,然后上传到 s3。我可以将照片拖放到编辑器中,但是,当我单击“插入照片”按钮时,我无法访问我的文件系统。有什么建议么?

class Editor extends React.Component{

    handleEditorChange = (e) => {
        console.log('e',e);
        console.log('Content was updated:', e.target.getContent());
    }


    render(){
        return(
            <TinyMCE
                content="<p>This is the initial content of the editor</p>"

              config={{
                height:600,
                paste_data_images: true,
                plugins: [
                    'advlist autolink lists link image charmap print preview anchor',
                    'searchreplace wordcount visualblocks code fullscreen',
                    'insertdatetime media table contextmenu paste code'
                  ],
                  toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',                file_picker_types: 'file …
Run Code Online (Sandbox Code Playgroud)

javascript tinymce tinymce-4 reactjs

2
推荐指数
1
解决办法
6441
查看次数

redux表单组件是readonly

我使用redux表单收到错误.它说我的文件名"搜索只是可读的".这是一个还原形式问题还是其他一些问题?它与连接有关吗?现在我只能使用旧版的表格

import React from 'react';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
var Select = require('react-select');
import {fetchAllEmails, searchUsers} from '../actions/searchAction';
import {getDashBoardDataFromEmail, clearUserState} from '../actions/dashboardAction';
var LocalToken = localStorage.getItem('token');
import _ from 'lodash';
import {reduxForm} from 'redux-form';


const Search = React.createClass({

  contextTypes:{
    router: React.PropTypes.object.isRequired
  },

  getInitialState: function(){
    return {
      value:'xyz'
    }
  },

  componentWillMount: function(){
    this.props.fetchAllEmails(LocalToken);

  },

  handleChange: function(e){
    this.props.getDashBoardDataFromEmail(LocalToken,e)
    this.context.router.push('/dashboard')
  },

  handleSearchChange(e) {
     this.setState({ value: e.target.value });
   },

   handleInputSubmit(){
     console.log('hello')
   },

  render(){
    const {fields: {someFormField, handleInputSubmit} }= this.props; …
Run Code Online (Sandbox Code Playgroud)

redux redux-form

0
推荐指数
1
解决办法
1952
查看次数