Tag: webpack

多(webpack)-dev-server / client中的错误

我是新来的webpack / reactjs,只需按照教程在这里: https ://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm 然后,我'npm开始'后,我得到错误: ERROR in multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./main.js Module not found: Error: Can't resolve 'babel' in '/var/www/jay/reactjs/react-app' BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders. You need to specify 'babel-loader' instead of 'babel'. @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./main.js 有任何想法吗?

什么服务器端代码使用React应用程序

我目前正在学习React,并已经设法了解前端。 为了便于学习,我开始使用使用Webpack&Babel的create-react-app锅炉板。 我现在正处于我想与用户上传文件和其他帐户相关活动(如“喜欢”列表中的某些项目)的一些交互的阶段。 我已经将Firebase作为我的数据库进行身份validation,并且有一些关于文件存储和处理用户与Web应用程序交互的问题: 传统上,我一直在使用PHP来处理用户请求。 IE的用户会发出一个AJAX请求与目标文件是一个PHP文件,将采取发布的数据,然后继续进行数据库更新或张贴上传的文件到服务器。 我应该使用与我的React应用程序相同的方法吗? 我猜如果我使用这种方法,这将意味着我将在节点服务器上托pipe我的应用程序的可视化部分,并且在PHP服务器上处理任何php文档来处理ajax请求? 似乎很受欢迎的替代方法是使用Node.js来处理与我的数据库的用户交互。 我可以发布类似的Ajax请求到节点文件,而不是php文件,以便进行数据库更新或file upload? 这样做通常是安全的吗? 道歉,如果这些问题听起来有点菜鸟,这是很多新的东西学习,我正在尽我所能,让我的头缠到它! 谢谢

节点构build命令不起作用

我在package.json文件中使用这个configuration来运行webpack dev服务器。 我也想使用一个构build命令,但它不适合我 { "name": "Demo", "version": "1.0.0", "description": "Demo App", "main": "index.js", "scripts": { "start": "webpack-dev-server –hot", "build": "webpack –watch" }, npm start命令工作正常,但build立不是

__dirname在使用webpack捆绑的节点js中不起作用

我目前的目录是 D:\bkp\Programming\TestWorks\nodejs\testApp 但是当我使用__dirname并试图显示一个文件与快递服务器,它给了我这个错误 Error: ENOENT: no such file or directory, stat 'D:\views\index.html' 我的代码是 res.sendFile(__dirname + 'views/index.html'); 当我捆绑webpack并运行捆绑文件,然后发生这种情况。 否则,如果我只是运行正常的app.js文件,它工作正常。 帮助将不胜感激。

用命令行参数运行webpack

我一直在尝试从命令行到webpack插件传递参数。 我可以通过process.argv访问参数,但之后,wwebpack失败,错误:未find入口模块中的错误:错误:无法parsing模块看起来,webpack将参数视为它需要find的文件夹。 这是我如何传递参数:webpack accessKey = myKey 解决: 看到了这样做的两种方式: 在调用webpack之前添加参数并使用process.env。 访问它:例如:myparam = 1231在webpackconfiguration文件中的webpack:process.env.myparam == 1231 将 – webpack命令之后的参数作为标志使用 – 添加。 例如:在webpackconfiguration文件中的webpack –myparam:process.argv [2] == –myparam 希望这有助于

如何使用反应需要语法?

我看到很多使用var React = require('react')语法结构化的例子。 当我尝试和使用这个我得到“要求没有定义”。 我如何使用和设置我的静态项目来使用require语法? 更新 实际上,我正在寻找一个webpack / browserifyconfiguration文件,所以我可以很快开始使用React和CommonJS。 我只写了反应的应用程序没有说的构build工具

在Azure上部署MEAN + Webpack

如何部署MEAN STACK + WEBPAC应用程序? 我有一个MEAN堆栈+ Webpac应用程序和nodejs服务器,它提供了其余的API 我使用webpack dev服务器运行angular度应用程序 构buildwebpack应用程序后,我有build.js文件。 如何从nodejs应用程序引用构build文件? 通常情况下,使用requirejs,我会使用html脚本标签 <script src="build.js" /> 我明白这不是webpac的方式,

如何降级Webpack的版本?

我在ASP.NET核心Web项目中通过NPM安装了Webpack。 而现在的webpack版本是: 2.4.1 。 不过,我需要安装以下版本的webpack: 2.1.0-beta.25 。 我试过使用下面的命令: npm安装webpack@2.1.0-beta.25 但是看起来这个命令没有安装所需的Webpack版本导致这个命令npm view webpack version显示: 2.4.1 我怎样才能降级到2.1.0-beta.25 ?

找不到模块:错误:无法parsing模块的“组件/应用程序”。 webpack + reactjs问题

我是新手在webpack和反应。 希望您能够帮助我。 我遇到了一个问题,在互联网上找不到任何工作解决scheme。 当我试图运行webpack-dev-serverI geting“模块未find:错误:无法解决模块的组件/应用程序”错误的所有时间。 在这里我的文件结构。 root / webpack.config.js var webpack = require('webpack'); var path = require('path'); module.exports = { devtool: 'inline-source-map', entry: [ 'webpack-dev-server/client?http://127.0.0.1:8080/', 'webpack/hot/only-dev-server', './src' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js' }, resolve: { moduleDirectories: ['node_modules', 'src'], extensions: ['', '.js'] }, module: { loaders: [{ test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/, […]

找不到模块“express”; 找不到名字'process'; 等等

我对Visual Studio Code很陌生,从Visual Studio 2015做了一个横向调整。 我正在使用webpack在VSC中编写我的第一个nodejs / Angular 2失败。 由express-generator提供的示例应用程序工作了一段时间,但现在我正在编写我自己的代码,主要是在TypeScript中。 我在app.ts中有这样的代码: import * as express from 'express'; import * as http from 'http'; import * as path from 'path'; var controllers = require('./controllers'); var app = express(); app.set('port', process.env.PORT || 80); app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'vash'); app.use(express.favicon()); app.use(express.logger('dev')); app.use(express.json()); app.use(express.urlencoded()); app.use(express.methodOverride()); app.use(app.router); app.use(express.static(path.join(__dirname, 'public'))); […]