小编Luc*_*ile的帖子

Webpack - sass loader无法找到图像

sass loader医生说:"If you're just generating CSS without passing it to the css-loader, it must be relative to your web root".所以我按照它说的做了,我有我index.htmlproject root,然后我正在尝试image从我的scss文件中加载一个.现在我有2个错误:1)来自Chrome's console:Cannot find module "./img/header.jpg".2)来自我terminal:

ERROR in ./~/css-loader!./~/sass-loader!./~/resolve-url-loader!./public/css/header.scss
Module not found: Error: Cannot resolve 'file' or 'directory' ./img/header.jpg in C:\Web-Development\React\Portfolio\public\css
 @ ./~/css-loader!./~/sass-loader!./~/resolve-url-loader!./public/css/header.scss 6:64-91
Run Code Online (Sandbox Code Playgroud)

webpack.config.js

module.exports = {
    entry: './main.jsx',
    output: {
        filename: './public/js/build/bundle.js'
    },
    module: {
        loaders: [
            {
              test: /\.jsx?$/,
              exclude: …
Run Code Online (Sandbox Code Playgroud)

javascript css node.js webpack sass-loader

21
推荐指数
2
解决办法
2万
查看次数

Webpack - extract-text-webpack-plugin无法找到模块

webpack.config.js

var ExtractTextPlugin = require("extract-text-webpack-plugin");
Run Code Online (Sandbox Code Playgroud)

如果我只是实现插件,我会立即收到此错误:

module.js:339
    throw err;
    ^

Error: Cannot find module 'webpack/lib/ConcatSource'
    at Function.Module._resolveFilename (module.js:337:15)
    at Function.Module._load (module.js:287:25)
    at Module.require (module.js:366:17)
    at require (module.js:385:17)
    at Object.<anonymous> (/Users/lucamormile/Documents/Lavori/Webapps/React/webpack_test/node_modules/extract-text-webpack-plugin/index.js:5:20)
    at Module._compile (module.js:425:26)
    at Object.Module._extensions..js (module.js:432:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:311:12)
    at Module.require (module.js:366:17)
Run Code Online (Sandbox Code Playgroud)

我忘记了什么?

javascript sass node.js reactjs webpack

19
推荐指数
2
解决办法
3万
查看次数

React Js - 清晰的 Material UI Datepicker

我在使用Material UI's 时遇到了一些麻烦Datepicker,我正在寻找通往reset其领域的方法,但没有找到方法。我也咨询过这个问题。有人能帮助我吗?

datepicker reset reactjs material-ui

10
推荐指数
2
解决办法
7949
查看次数

Firebase 获取 - 无访问控制允许来源

我正在开发一个应用程序,React + Redux并且我的JSON数据库位于Firebase数据库中。为此,我尝试fetch从一个有效的 URL获取我的数据(从 Firebase 模拟器验证)

let firebase = 'https://******.firebaseio.com/**/*/***/*' 
    return (dispatch) => {
        return fetch(firebase)
            .then(res => res.json())
            .then(json => dispatch({ type: 'GET_JSON', payload: json }))
    }
Run Code Online (Sandbox Code Playgroud)

这将返回给我错误:

Fetch API 无法加载https://console.firebase.google.com/project/****/database/data/**/*/***/*。从'https://console.firebase.google.com/project/重定向/数据库/数据/ ** / / / '到“https://accounts.google.com/ServiceLogin?ltmpl=firebase&osid=1&passive=true... ole.firebase.google.com/project/ /database/data/ / /** / ' 已被 CORS 策略阻止:请求的资源上不存在 'Access-Control-Allow-Origin' 标头。因此,不允许访问 Origin 'null'。如果不透明响应满足您的需求,请将请求的模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。`

我尝试了很多解决方案,比如添加到 fetch 的第二个参数{ mode: 'no-cors', credentials: 'same-origin'},但是当我尝试这个时,我得到Uncaught (in promise) SyntaxError: Unexpected end of input …

javascript cors firebase reactjs redux

10
推荐指数
2
解决办法
7966
查看次数

ReactJS - 无法导入组件

我是ReactJS的新手.我正在开发一个小的单页应用程序,我只是想创建我的组件以在我的主要组件中导入.

TestComponent.jsx

import React from 'react'

export class TestComponent extends React.Component {

    render() {
        return (
            <div className="content">Test Component</div>
        )
    }
}
Run Code Online (Sandbox Code Playgroud)

在我的main.jsx中,我已经导入了这个组件调用

import TestComponent from './components/TestComponent.jsx'
Run Code Online (Sandbox Code Playgroud)

然后我尝试将我的组件调用为特定路线:

render(
    (<Router history={history}>
        <Route path="/" component={NavMenu}>
            <IndexRoute component={Index}/>
            <Route path="test" component={TestComponent}></Route>
        </Route>
    </Router>),
    document.getElementById('main')
)
Run Code Online (Sandbox Code Playgroud)

我从控制台没有任何错误,但我没有看到我的组件.我究竟做错了什么?

javascript import routes reactjs react-router

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

ReactJS-将JSON推送到状态数组

我只是想将json动态创建的内容附加到array驻留在中的state。到目前为止,我发现的唯一方法是使用concat,因为push不起作用。

    constructor() {
        super()
        this.state = {
            list: []
        }
        this.add = this.add.bind(this)
    }

    add(e) {
        e.preventDefault()
        var task = document.getElementById('task').value
        var json = JSON.parse(JSON.stringify({key: task, item: task}))
        this.setState({list: this.state.list.concat(json)}) // WORKS
        // this.setState({list: this.state.list.push(json)}) // DOESN'T WORK

        console.log(this.state.list)
        document.getElementById('task').value = ''

    }
Run Code Online (Sandbox Code Playgroud)

那行得通,但是我不明白为什么在创建第一个项目之后控制台中会有一个空数组。我已经阅读了concat的工作原理,但是显然我错过了一些东西。为什么我不能在我的this.list数组中推送对象?

javascript arrays json ecmascript-6 reactjs

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

React Native:看不到我的代码的变化

我是 React Native 的初学者。我遵循了官方文档中的简单教程,但是当我尝试查看代码更改时遇到了问题。医生说:

对于 Android,您可以编辑 index.android.js 对应用程序进行更改,然后从 rageshake 菜单中按 Reload JS 以查看更改

我直接在我的 Nexus 6 上开发,而不是在模拟器上,我照它说的做了,但我看不到我的 Android 示例应用程序的任何更改,我只尝试编辑文本但没有成功。我也尝试在任何更改后重建但没有结果,我确定这是一件简单的事情,但我错过了什么?

javascript android hybrid-mobile-app reactjs react-native

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