Tag: reactjs
npm与巴贝尔和webpack创build反应应用程序不起作用
我是新兴的UI技术。 我正在尝试我的手在reactjs随着webpack和babel我创build了一个应用程序后使用npm安装它使用create-react-app插件。 我进入src文件夹并执行npm start，启动浏览器并显示演示页面。 我试图添加babel和webpack到这个演示，但不幸的是它不工作。 我打开浏览器中的index.html页面，它不显示我所遵循的jsx文件内容https://www.codementor.io/tamizhvendan/beginner-guide-setup-reactjs-environment-npm-babel-6-的WebPack-du107r9zr 我不知道为什么这不起作用，可以请一些帮助吗？ index.jsx import React from 'react'; import {render} from 'react-dom'; class App extends React.Component { render () { return <p> Hello React!</p>; } } render(<App/>, document.getElementById('app')); 的index.html <html> <head> <meta charset="utf-8"> <title>React.js using NPM, Babel6 and Webpack</title> </head> <body> <div id="app" /> <script src="public/bundle.js" type="text/javascript"></script> </body> </html> .babelrc文件 { […]
在Webpack中使用节点通告器
我编写了一个用create-react-app（我使用Webpack和Babel）创build的Electron项目。 我想使用节点通知符，但是我在configurationWebpack时遇到了问题（我认为）。 通知调用的代码是从repo的自述文件复制粘贴。 我目前的Webpackconfiguration（我设法取消所以没有错误）是： node: { fs: 'empty', net: 'empty', tls: 'empty', child_process: 'mock', __filename: true, __dirname: true }, externals: [ 'ws' ], target: 'electron' 有没有人有一个如何configuration的想法？ 我做错了什么，没有通知显示？
创build – 反应 – 应用程序npm运行构build太慢
我对使用React相对来说比较新，并且正在学习create-react-app教程。 我正在Node环境中使用socket.io，React和Express创build一个简单的networking聊天服务。 我已经写完React应用程序的大部分function，现在正在服务器端通过Socket.io连接应用程序。 在前端工作是因为我可以运行“npm start”服务我的应用程序的开发版本。 但是，现在我在服务器端工作，实现Socket.io，每当我在前端发现问题时，我必须重新运行“npm run build”，每次需要15-30秒。 我确信有一个更快的方法来debugging这样的问题，而不必每次都编译我的反应的应用程序到静态文件。 请指教。
无法在AWS EC2的公共IP上使用webpackdevserver托pipe反应应用程序
我正在运行AWS EC2上的react应用程序，它通过localhost：3000访问时在本地工作 我想让它公共访问，所以我通过公共ip到以下命令 var webpackDevServer = new WebpackDevServer(bundler, { publicPath: '/', hot: false, quiet: false, noInfo: true, stats: { colors: true } }); webpackDevServer.listen(3000, '18.230.124.435', function () { console.log('Bundling project, please wait…'); }); 我正在使用gulp来运行任务。 我geting一个错误错误：听EADDRNOTAVAIL 18.230.124.435:3000 我在这里做错了什么？
React本机应用程序无法在Android中启动，并在debugging版本上显示多条警告消息
环境 react-native-cli：2.0.1，node：v8.2.1，npm：5.3.0， 目标平台：Android 5.0 x86-64图像 开发操作系统：Windows 7专业版，x86_64 的package.json "dependencies": { "axios": "^0.16.2", "buffer": "^5.0.6", "lodash": "^4.17.4", "mobx": "^3.2.1", "mobx-react": "^4.2.2", "react": "16.0.0-alpha.12", "react-native": "0.45.1", "react-native-background-timer": "^1.1.0", "react-native-fetch-blob": "latest", "react-native-timer": "^1.3.1" }, "devDependencies": { "babel-jest": "20.0.3", "babel-preset-react-native": "2.0.0", "jest": "20.0.4", "react-test-renderer": "16.0.0-alpha.12", "tslint": "^5.4.3", "typescript": "^2.4.1", "typings": "^2.1.1" }, 重现步骤 npm安装，npm运行构build，react-native run-android 预期的行为 这应该是在通过USB连接的物理设备上或运行的仿真器上成功启动应用程序。 实际行为 应用程序无法启动这些警告消息： […]
React主页属性不起作用
在我的package.json文件中，我有"homepage" : "http://myname.project.com/myapp", 我使用npm run build构build应用npm run build ，输出结果确认创build了一个/ build目录。 输出： build 102.97 KB / static / js / main.bfa46b52.js 24.37 KB build / static / css / main.cfe8a47e.css 该项目是假设它在/ myapp /托pipe的。 你可以用你的package.json中的主页字段来控制它。 生成文件夹准备好部署。 如果我使用npm start或serve -s build启动应用程序，那么应用程序将启动并加载index.html页面，但是来自index.html的静态资源的引用被破坏（/myapp/static/js/main.js和/myapp/static/css/main.css）。 （localhost：5000 / static / js / main.js工作; localhost：5000 / myapp / static / js / main.js不起作用），我可以直接导航到他们。 如果我将构build文件夹部署到/ […]
pipe理和网站在React Js的目录架构
我有反应JS的网站。 我目前的目录结构是 view -> partials | includes | components -> all this folder includes jsx files vendors -> js and css files node_modules model -> db connection files assets -> images | fonts config -> some json config files webpack.config.js package.json main.jsx index.html 现在我需要在上面的项目下实现pipe理面板。 我不知道如何在单一服务中维护pipe理面板和网站的架构。 是否需要为pipe理员维护不同的目录和服务，或者我可以在上面列出的目录中的同一项目中同时执行pipe理员和网站吗？
如何从图像url获取图像作为图像文件对象？
for(let k = 0; k < propertyDetailResponse.images.length; k++) { let ImgFile = new File(["image"], propertyDetailResponse.images[k].image); this.state.gallery.image_ids.push(ImgFile) } 这是我的代码。 propertyDetailResponse.images[k].image包含图片url。 我需要ImgFile作为图像文件对象，因为我们正在上传图像文件
React defaultValue不工作axios传递dynamic数据
你好即时新在React和即时通讯尝试玩一点与反应，但inheritance人一点我不明白。 首先，获取axios数据谁返回我的数据，下面，然后我尝试把它们放入input字段，值（和只读），defaultValue更好，现在我有问题，我什么都看不到，值存在当我用萤火虫查看时，奇怪的是，当我添加一个不需要的字符input得到我想要的填充，但不是默认情况下。 非常奇怪的是，当我把所有东西放在一个数组中，并且在它上面执行一个映射函数时，我有这个值 json代码 {"firma":"hallo","strasse":"musterweg 7","plz":"01662"} js代码 import React from 'react'; import ReactDOM from 'react-dom'; import axios from 'axios'; class Testx extends React.Component { constructor(props) { super(props); this.state = { data:[] }; } componentDidMount(){ var self = this; axios.get('http://localhost/index.php') .then(function (response) { self.setState({ data: response.data}); }) .catch(function (error) { console.log(error); }); } render() { return […]
反应本机变换错误
以前有反应，本地运行良好，不记得改变任何东西，然后这个已经certificate不可能清除的错误。 环境Windows 10 react-native-cli：2.0.1 react-native：0.47.1节点v6.11.2 在卸载以前的版本之后全新安装node.js，并从path中删除所有节点和npm目录。 按照https://facebook.github.io/react-native/docs/getting-started.html的新鲜安装react-native react-native init AwesomeProject cd AwesomeProject react-native run-android 也试过了 npm我-g react-native-git-upgrade 反应母语-混帐升级 重新启动，新build项目，卸载节点，重新安装节点，重新安装react-native，新项目。 还是一样的问题。 重复与react-native-git-upgrade v0.47.0想知道是否应该尝试降级到早期版本。 奇怪的是，这是2天前在8-9天前下载并安装的react-native版本。 反复得到同样的错误如下。 在这个上失去了太多的时间。 真的很痛。 开发服务器返回响应错误代码：500 url： http : //10.0.2.2 : 8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false Body：{“message”：“TransformError：D：\ blah \ AwesomeProject \ index.android.js：Unexpected token）（处理预设：\”D：\\ blah \\ AwesomeProject \\ node_modules \\ babel-preset-反应天然\\ index.js \ “）”， “types”： “TransformError”， “LINENUMBER”：0， “说明”： “”， […]
