jjzjj

development-bundle

全部标签

javascript - 无法在客户端上使用来自 NPM 的 React,因为未定义 'development'。该包是从 Webpack 生成的

我正在创建一个ReactNode.js应用程序,我正在尝试生成一个Webpack包,其中包含我从NPM加载的React源代码。不过,客户端好像不能直接使用NPM的React代码。它会触发此错误:UncaughtReferenceError:developmentisnotdefined触发异常的代码来自React代码:有什么我可以做的吗?编辑这是我的webpack.config.js:import_from'lodash';importwebpackfrom'webpack';importyargsfrom'yargs';importExtractTextPluginfrom'extr

javascript - 如何将文件附加到 Webpack 中的 bundle ,或注入(inject)所需的代码?

我正在尝试构建一个将模块/文件注入(inject)客户端包的插件。入口配置可能如下所示:entry:{'main':['some-stuff'],}我想像这样使用我的插件:functionSomePlugin(options){this.entryToAppendTo=options.entryToAppendTo}...plugins:[newSomePlugin({entryToAppendTo:'main'})]在我的插件中,我想像在Webpack本身中完成一样要求该文件,例如:SomePlugin.prototype.apply=function(compiler){compi

javascript - select2 + requirejs : Cannot bundle i18n files

我一直在尝试在我的生产环境中保存一些ajax调用。为此,我捆绑并缩小了我的一些脚本,但我正在努力处理select2及其翻译文件。我在built.js上包含了jQuery+bootstrap+(很多deps)+select2+select2i18n文件并设置了shim值(虽然我认为不需要)。jquery和select2都粘贴在i18n文件之前。添加了以下配置(在生产环境中):requirejs.config({bundles:{'built':['jquery','bootstrap','highcharts','bootbox','datatables','datatables-boo

javascript - 使用 WebPack,我如何创建准备好使用 "split" bundle ,其中一个依赖于另一个?

我的问题非常接近others我相信的答案仍然需要我想避免的另一个WebPack步骤。但首先是故事:我有一个Node模块(我们称之为libfoo),它提供了一些功能并需要一些第三方模块,和一个小脚本main.js,它提供主要入口点并需要libfoo:ma​​in.js:constfoo=require('foo');functionmain(){foo.bar();}main();我现在想使用WebPack将libfoo和main.js转换为浏览器可执行文件可交付成果。我希望libfoo(相当大)静态驻留在目标系统上,而main.js非常小并且变化很快(试想一个测试场景,其中libfoo

javascript - 浏览器从 Webpack 加载旧的 bundle.js

我是React新手,正在尝试学习如何将Flask应用程序与React集成。我发现每当我对我的React.js文件进行更改时,这些更改都会在我的bundle.js中重新编译,但不会出现在我的浏览器中。要复制,请从thisGithubrepo克隆源代码.按照说明进行设置,并确保从虚拟环境运行webpack--watch和pythonapp.py。它应该启动一个简单的Web服务器,可在localhost:5000访问。在Chrome上访问时,您应该会看到此屏幕:接下来,进入您的Hello.js文件并进行一些随机编辑-例如,将HelloWorld!更改为Helloeveryone!.据我所知,

javascript - Webpack:Bundle.js - 未捕获的 ReferenceError:未定义进程

这是我的webpack.config.js"usestrict";module.exports={entry:['./main.js'],output:{path:__dirname,filename:'bundle.js'},module:{loaders:[{test:/.js?$/,loader:'babel-loader',exclude:/node_modules/,query:{presets:['es2015','react']}},{test:/\.json$/,loader:"json"},]},externals:{React:'react',},target:"n

javascript - Webpack 错误 bundle.js :1 Uncaught SyntaxError: Unexpected token <

我在本地运行服务器并收到错误bundle.js:1UncaughtSyntaxError:Unexpectedtoken在输出bundle.js中是index.html文件的html代码。这是设置我的webpack.config文件。你能告诉我设置有什么问题吗?importpathfrom'path';importwebpackfrom'webpack';exportdefault{devtool:'eval-source-map',entry:['webpack-hot-middleware/client',path.join(__dirname,'/client/index.js'

javascript - Webpack:找不到 bundle.js

我终于让他的开发服务器运行起来了,我在屏幕上看到了一些东西。我已经为NPM设置了一个“启动”脚本,如下所示:"start":"webpack-dev-server--content-baseapp"我得到一个错误:http://localhost:8080/bundle.jsFailedtoloadresource:theserverrespondedwithastatusof404(NotFound)我的文件夹设置如下:appDir->app->node_moduleswebpack.config.jspackage.json我的webpack.config.js:module.ex

javascript - bundle.js 而不是 React 组件上的控制台日志记录错误

我创建了一个适合我的Webpack构建-它有一个用于热重载的开发服务器,以及一个运行模板html文件并集成bundle.js文件。一切都很好,除了当我在我的开发服务器上工作时,控制台给我这样的错误消息:UncaughtError:预期reducer是一个函数。(…)bundle.js:36329它引用bundle.js作为错误源,而不是我正在使用的组件,这使得追踪错误源变得非常困难。据控制台所知,我知道它是包含错误的bundle.js文件,但我怎样才能让控制台记录预捆绑代码?(例如Component.js)提前致谢。 最佳答案 您应

javascript - 访问未配置。您的项目未启用 API (Google+ API)。请使用 Google Developers Console 更新您的配置

即使我在GoogleDevelopersConsole中启用了Google+API也出现错误Code:403"message":"AccessNotConfigured.TheAPI(Google+API)isnotenabledforyourproject.PleaseusetheGoogleDevelopersConsoletoupdateyourconfiguration." 最佳答案 您未在GoogleDeveloperconsole中为您的项目启用Google+API。确保它已启用并仔细检查您的代码是否使用与此项目匹配的正