Tag: webpack

我怎样才能避免在Webpack 2的configuration中使用可选的解决scheme？: 我正在玩新版本的Webpack的第二个版本。我收到以下错误消息。无效的configuration对象…这些属性是有效的：对象{amd？，bail？，…，devtool？， entry ，…，output？，performance？，plugins？，profile ?, recordsInputPath？，recordsOutputPath？，recordsPath ?, resolve？，…} 我也有以下错误。 configuration.resolve.extensions [0]不应该是空的。这是令人困惑的，因为在第一条消息中，问号暗示parsing是可选的（与没有问号表示的其他突出显示的选项条目相反）。我在这方面对于问号的含义是否无知？这是一个错字吗？我是否被完全不同的东西弄糊涂了？

ReactJS服务器端重新加载（webpack-dev-server）: 我正在尝试使用ReactJS构build我的第一个服务器端渲染。我从这个Redux教程基于我的代码运行npm start （ webpack && node server.js ）时，应用程序运行正常。我想用热重装来在dev环境下做一个应用程序的快速debugging。所以我在npmconfiguration（ webpack-dev-server –inline –hot ）上添加了start选项。请注意，我没有index.html文件，因为react-router正在select正确的JSX文件加载。 npm开始打开我的公共文件夹和显示文件，但没有启动我的应用程序。通常我会点击一个index.html文件，但我没有。我不明白是怎么回事，也不知道如何解决。帮助赞赏。的package.json： "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack –config webpack.config.prod.js -p", "start": "webpack-dev-server –inline –hot", "dev": "webpack && node server.js" }, webpack.config.js： module.exports = { entry: './client.js', output: […]

React / Node / Express / Webpack – 必须返回一个有效的React元素（或null）: 链接到源代码： https ： //github.com/manster829/MernStackT 我不断收到错误消息：Uncaught错误：BugTable.render（）：必须返回有效的React元素（或null）。您可能已经返回未定义的数组或其他无效的对象。我不知道为什么，我认为这可能与ES6或我的语法有关，但我不明白。有人有主意吗？谢谢：）

Node.js + Typescript + Webpack =找不到模块: 我是新的Webpack，Node.js和Typescript，我无法configuration我的开发环境。当运行webpack编译我的src/server.ts来生成/server/bundle.js我得到这个错误： ERROR in ./src/server.ts Module not found: Error: Can't resolve 'hapi' in '/Volumes/Dados/giovane/dev/studio-hikari/nodang/nodang-api/src' @ ./src/server.ts 3:11-26 该项目的架构是： src/server.ts ： import * as Hapi from 'hapi'; const server = new Hapi.Server(); webpack.config.js ： const path = require('path'); module.exports = { entry: './src/server.ts', output: { filename: './server/bundle.js' }, resolve: { extensions: ['.ts'], modules: [ path.resolve('src'), path.resolve('node_modules') […]

Webpack构build失败，es6 react.js: 我使用React.js，Webpack，…道具语法，箭头函数。当我运行“npm运行构build”，我得到这个错误： UglifyJs的bundle.js中的错误SyntaxError：意外的令牌punc«（»，expected punc«：»[bundle.js：77854,15] 这是我的debug.log 我的webpack.config 如何成功运行构build？我find了导致bug的那一行，这里是： import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table'; 我不知道为什么。 🙁 没有它，所有我的ES6语法工作和编译没有任何错误。请任何帮助

使用Webpack将JavaScript模块添加到ASP.NET MVC应用程序: 我正在尝试使用Webpack在ASP.NET MVC 5 Visual Studio 2015项目中创build几个简单的模块。遵循Webpack网站上的说明，我下载了最新版本的Node.js。然后使用节点命令提示符，更改为我的项目的文件夹。在那里，我运行这个命令来在本地安装Webpack： npm install webpack –save-dev 它在我的项目的根目录下创build了一个package.json文件： { "devDependencies": { "webpack": "^2.4.1" } } 请注意，该项目已通过BundleConfig.cs将jQuery和Bootstrap作为捆绑包进行捆绑，然后在_Layout.cshtml引用; 因此它们在应用程序的所有页面上都可用。现在我想创build一个非常简单的testing，以了解如何使用Webpack创build和需要模块; 一旦我理解得更好，我可以添加更复杂的模块。我一直在阅读代码拆分： https ： //webpack.js.org/guides/code-splitting-async/，但仍不清楚你如何做到这一点。函数test需要函数isEmpty 。我想将isEmpty定义为模块，然后在test使用它。 var test = function(value){ return isEmpty(value); }; var isEmpty = function(value) { return $.trim(value).length === 0 ? true : false; }; 本文一直在帮助： http […]

css-loader：来自节点模块的css的意外标记: 我将用Github问题风格来解释我的问题：目前的行为是什么？无法加载CSS。完整的错误信息：如果当前的行为是一个错误，请提供重现的步骤。我的package.json： https ： //gist.github.com/jy95/99377c113252e6baaa23087abe859814 我的webpack.config.js： https ：//gist.github.com/jy95/16b0f03d46b087c6f2640c8e9178914f 请提及其他相关信息，如浏览器版本，Node.js版本，webpack版本和操作系统。节点：6.10.3 操作系统：Windows 10 PS：之前，你可以告诉我看到与ExtractTextPlugin，我想解释为什么我得到这个错误（我也试图要求在我的条目中的CSS：app.js，相同的结果）

尽pipe文件存在，但是没有find“模块”: 我下载angular启动器，运行应用程序，运行良好。现在，我在“src / app / services / people.service.ts”中添加了一个新的文件“people.service.ts”。当我尝试导入它时，出现错误：找不到模块：错误：无法parsing'/ path-to-project / angular-starter-master / src / app'中的'services / people.service' 这是我用来导入它的代码（在src / app / app.module.ts中）： import {PeopleService} from 'services/people.service'; 我确信没有错别字，因为IDE可以识别它。整个项目中没有任何TypeScript错误。文件“services / people.service”包含一个名为PeopleService的类。任何帮助将深受赞赏。请让我知道，如果你需要任何额外的信息。

如何创build/生成/从我的webpack 2configuration文件导出用于我的React代码里面？: 我将NODE_ENVvariables传递到package.json webpack.config中，以便返回包含localhost或production的API端点的对象。 1）package.json "scripts": { "dev": "NODE_ENV=development webpack-dev-server –history-api-fallback", "prod": "NODE_ENV=production webpack -p", "build": "NODE_ENV=production webpack -p" } 2）endpoints.js function endpoints(env) { let prefix = env === 'development' ? 'http://localhost' : ''; return { "login": `${prefix}/app/api/login` } } module.exports = endpoints; 3）webpack.config const webpack = require('webpack') const HtmlWebpackPlugin = require("html-webpack-plugin"); const ExtractTextPlugin = require("extract-text-webpack-plugin"); const […]

反应路由器版本4不显示任何东西: 我认为我在使用我的React路由器时出错了。我是React / Redux的初学者，所以任何帮助真的很感激。这也可能是我如何configurationwebpack，但我的前端是什么都没有显示，但我没有得到任何错误。我不知道是什么问题，但我的服务器启动，能够填充模拟数据，和webpack编译，所以我认为后端工程。我很抱歉的代码墙，但我真的不知道我要去哪里错了，我是一个巨大的新手设置这个。这绝对是我写过的最长的文章，所以我感谢任何人看看它。我的客户端/ src /路由： import React from 'react' import { BrowserRouter as Router, Route, Link } from 'react-router-dom' import HomePage from './components/home/HomePage'; import { Layout } from './components/Layout'; export const App = () => ( <Layout> <Switch> <Route exact path="/" component={HomePage} /> </Switch> </Layout> ); export default App; […]