我刚刚更新了我的角2项目，与Webpack 2的工作，这是很好的工作。但是，在使用resolve: { alias: {...} }密钥时，我面临一个新的问题。
当我使用webpack 1时，这个代码工作得很好：
webpack.config.js
resolve: {
// http://webpack.github.io/docs/configuration.html#resolve-extensions
extensions: ['.ts', '.js', '.json', '.css', '
浏览 4提问于2017-03-17得票数 2
回答已采纳
当我用webpack打包我的js文件时，
首先，当我在cmd上使用npm运行命令webpack时，将创建两个包文件，即bundle.js和1.bundle.js。创建两个包文件是正常的吗？
其次，当我在我的bundle.js中使用index.html时，它会被加载，1.bundle.js也会被加载到页面上，但是1.bundle.js会被修改成一个带有各种脚本标记的html文件。这也很正常吗？
第三，它显示了控制台中的一个错误，即文件Uncaugh syntax error: Unexpected token <中的1.bundle.js，即当它读取1.bundle.js时，它开始读取文件
浏览 1提问于2016-04-07得票数 4
回答已采纳
1回答
由于我目前要从React转到Vue.js，在端口3000上运行本地主机失败了。获取以下错误消息。看来服务器有问题了。
下面是一个添加的安装过程，这样它的安装方式就更加清晰了。此外，您还可以在运行npm时找到错误消息。
有什么建议吗？
安装过程
create-nuxt-app v5.0.0
✨ Generating Nuxt.js project in cryptocheck24.org
? Project name: cryptocheck24.org
? Programming language: JavaScript
? Package manager: Npm
? UI framewo
浏览 4提问于2022-10-24得票数 0
我希望我的自定义加载程序应用于文件夹中的所有js文件，但只需选择一个。
加载器
function loader(content) {
//some logic to modify
return content
}
Webpack配置#1
{
test: /\.js$/,
loader: "./src/org/loader/my-loader.js",
include: path.join(__dirname, 'src/pages'),
exclude: /node_modules/
}
Webpack配置#2
{
test
浏览 5提问于2020-01-04得票数 0
2回答
我正在尝试将我当前的Angular2项目与Karma覆盖集成起来。请在我的业力-配置下面找到。
module.exports = function (config) {
const testWebpackConfig = require('./config/webpack/webpack.test.js')({ env: 'test' });
const configuration = {
/**
* Base path that will be used to resolve all patt
浏览 0提问于2018-04-13得票数 2
回答已采纳
我在Visual Studio2019中的一个Asp.net核心剃刀页面应用程序中使用了Webpack 6.14.8版。我正在尝试创建一个可读的输出文件。结构是这样的： |-->wwwroot
----->src (created manually)
------->index.js (created manually)
|-->dist (generated by webpack)
------->main.js (webpack bundle)
|-->node_modules (npm init webpack --save-dev)
|--&
浏览 146提问于2020-10-18得票数 1
我一直在开发一个vsCode扩展，并且能够启动和调试。
但是现在，在将扩展绑定到webpack之后，我无法正确绑定断点
我尝试过的事物
Change 将outFiles中提到的解决方案从/输出/应用到 outFiles configuration
dist文件夹包含一个extension.js.map，但vscode仍然无法绑定断点，但问题仍在继续。
我得到的错误是：
我们找不到相应的源位置，也没有找到任何名称为extension.ts的源
这是相关的文件
lauch.json
{
"version": "0.2.0",
"c
浏览 10提问于2022-11-01得票数 1
2回答
我正在尝试创建一个游戏使用相3从一个书籍教程，我决定让webpack学习的目的。我只是处于游戏创建的初级阶段，但是当我运行npm start脚本时，我得到了许多错误，我一个接一个地修复了这些错误。我没有更多的错误，但当运行纸片时，我得到了一个空白页，在我的dist文件夹中没有创建任何内容。这是我的webpack.config.js文件内容：
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CopyWebpackPlugin
浏览 5提问于2020-07-25得票数 1
回答已采纳
这是我的webpack配置，我正在尝试添加IgnorePlugin插件，以便在构建应用程序时从moment中删除区域设置。但是，当执行"npm run build“来编译生产版本时，我无法从moment中删除区域设置。你知道哪里出了问题吗？
index.js文件
'use strict'
// Template version: 1.3.1
// see http://vuejs-templates.github.io/webpack for documentation.
const path = require('path')
var webpack
浏览 53提问于2018-06-04得票数 0
我想使用一个ClassDiagram.js文件作为vscode扩展webview的脚本注入它。
视图html内容是以这种方式构造的。
this.panel.webview.html = this.buildContent();
private buildContent(): string {
let scriptPath = vscode.Uri.file(path.join(this.context.extensionPath, 'js')).with({
scheme: "vscode-resource"
}).to
浏览 6提问于2022-11-20得票数 0
1回答
我在kotlin前端Gradle插件上启动了Kotlin/JS react库。我有以下错误：
> Task :web:webpack-bundle FAILED
js/kotlinx-html-js.js
Module not found: Error: Can't resolve 'kotlin' in '/home/marcin/Projects/EduKotlinAcademy/web/build/node_modules_imported/kotlinx-html-js'
@ ../node_modules_imported/kotlin
浏览 14提问于2018-05-14得票数 0
我正在开发一个客户端应用程序，但我在创建正确的Karma配置时遇到了麻烦。现在，我的设置如下：
Webpack:使用ts-loader，编译TypeScript，assets等。
Karma:使用webpack插件，加载Webpack配置(使用ts-loader)，然后使用Jasmine + PhantomJS运行所有单元测试
单元测试都运行得很好，但是我还没有想出一种方法来处理webpack在伊斯坦布尔的重新映射。Karma-webpack似乎没有生成源映射来允许重新映射的发生。如有任何建议，我们将不胜感激！
Karma Config：
var webpackConfig = require
浏览 0提问于2016-03-20得票数 11
我第一次尝试运行webpack-4
webpack ./src/js/app.js ./dist/app.bundle.js
它显示警告/错误:
WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults fo
浏览 3提问于2018-04-11得票数 70
回答已采纳
在webpack中，是否可以将相同的入口点输出到2个输出文件，其中一个通过babel编译到ES5，另一个编译为ES6 (没有babel)？
现在，我有以下webpack配置：
const path = require('path');
const webpack = require('webpack');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-pl
浏览 1提问于2018-03-27得票数 0
回答已采纳
我尝试按照原生脚本文档使用lib，但当我尝试使用它时，除了net和tls等一些模块之外，还有一个我无法解决的错误，它无法自动找到它。在使用npm install放置tls和net后，我不能解决这个问题'TypeError: Cannot read property‘browser 'of undefined’，我不知道如何解决这个问题，为了测试lib是否工作正常，我尝试使用ionic 4，它工作正常，但在nativescript中我在Angular和Vue中都发现了这个问题。 Webpack compilation complete. Watching for file ch
浏览 25提问于2019-10-09得票数 1
回答已采纳
我正在开发一个由webpack构建的javascript库。该项目将为两个目标web和node构建。我按照这个链接中的说明：https://webpack.js.org/concepts/targets/在webpack中设置了多个目标。它工作得很好，并且生成了两个目标文件build/test-web.js和build/test-node.js。 文件build/test-web.js列在package.json的main属性中，如下所示： "name": "@my-org/test
"main": "build/test-web.js"
浏览 14提问于2019-03-31得票数 2
回答已采纳
我得到的错误如下 You are currently using minified code outside of NODE_ENV === "production". This means that you are running a slower development build of Redux. You can use loose-envify (https://github.com/zertosh/loose-envify) for browserify or setting mode to production in webpack (https://webpa
浏览 398提问于2020-06-30得票数 0
2回答
我正在尝试构建我的vue项目并将其推送到github页面中。
我正在尝试运行npm run build，但得到的结果是：
> my-domain@1.0.0 build /Users/macbookair/Workspace/fun/mine/web
> cross-env NODE_ENV=production webpack --progress --hide-modules
Hash: 2399923ef57865258a1f
Version: webpac
浏览 2提问于2018-02-27得票数 0
我在我的项目中安装了webpack和webpack-cli：
"devDependencies": {
"webpack": "^4.8.3",
"webpack-cli": "^2.1.3"
}
但是当我使用webpack-cli打包dist/app.bundle.js时，我得到了以下错误：
$ node_modules/.bin/webpack-cli src/app.js dist/app.bundle.js
Hash: a7d5a0d1ff2c17795899
Version: we
浏览 27提问于2018-05-14得票数 1
我创建了一个普通的JHipster微服务网关。在运行JHipster注册表的情况下，我可以使用./mvnw启动它，并且它可以工作。我可以使用./mvnw -Pdev package对其进行打包，这是可行的。然而，如果我尝试用./mvnw -Pprod package封装它，它显然在webpack构建过程中失败了。
JHipster版本4.14.0
纱线版本1.3.2
节点版本v6.11.5
yo-rc.json
{
"generator-jhipster": {
"promptValues": {
"packa
浏览 0提问于2018-03-06得票数 5
回答已采纳
2回答
我正在尝试创建一个webpack设置，但无法使其与环境变量一起工作。我已经看了这个文档10多次了，但还是找不到解决方案。
我的包json有这样的脚本：
"build": "webpack --config webpack.config.js --env.MODE=production "
但是当我运行它的时候，node告诉我：
webpack: Unknown argument: --env.MODE=production
Usage: webpack --config <path to webpack configuration file> e.g
浏览 1提问于2020-02-12得票数 4
1回答
运行服务时“无法获得/”
、、、
我对webpack有点陌生。
我在webpack的基础上做了一个简单的项目。
我想通过运行以下命令来测试该项目：
npm run serve
我收到消息了：
无法获得/
这是我的webpack.config.js
// Generated using webpack-cli https://github.com/webpack/webpack-cli
const path = require('path');
const isProduction = process.env.NODE_ENV === 'production';
const stylesH
浏览 8提问于2021-12-05得票数 0
回答已采纳
我已经生成了一个JHipster / React应用程序，在将JHipster升级到5.0.1 (从5.0.0到Beta.1)并运行jhipster升级之后，当我运行纱线开始时，我得到了以下信息
WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production&#
浏览 1提问于2018-06-26得票数 1
回答已采纳
因此，我对ReactJs的生产代码有些问题，因为它似乎不认识我的环境变量。这是我得到的错误：
Uncaught ReferenceError: process is not defined
<anonymous> webpack://testProject/./src/agent.js?:9
js http://localhost:8080/src_Admin_MainPage_SessionTimeout_index_js-src_agent_js-node_modules_moment_locale_sync_recursive_.js:29
__web
浏览 8提问于2022-03-24得票数 0
1回答
这不是的重复，尽管症状是相同的，直到您使用开发人员工具查看实际错误。
使用webpack打包一个VSCode扩展名，创建一个包含我期望的文件的dist文件夹。
扩展工作在扩展主机中找到，但是当从生成的VSIX安装时，扩展激活方法不会被调用，尽管C:\Users\Peter\.vscode\extensions\pdconsec.vscode-print-0.7.20中存在所有预期的文件。
在Visual代码中，Developer Tools窗格显示
Activating extension 'pdconsec.vscode-print' failed: Cannot find
浏览 2提问于2020-11-11得票数 0
回答已采纳
1回答
我有下面的karma.conf.js文件，我还有一个名为example.spec.js的测试文件，它位于example.spec.js内部，我正在尝试导入Example.js file
import Example from 'app/components/Example/Example.jsx';
describe('Example Component', function() {
});
但是我得到了下面的错误-- Error: Cannot find module "app/components/Example/Example.jsx"
浏览 2提问于2015-09-30得票数 2
回答已采纳
我增加了webpack的角度应用程序，能够编译的网站包配置使用“任务运行资源管理器”或"npm运行构建:prod“在项目的根从命令提示符。我想在命令提示符中编译webpack配置，作为msbuild的一部分。我尝试了下面的命令，但是得到了一个无法解决模块的错误。
E:\Website\Sample>E:\Website\Sample\sampleapp\node_modules.bin\webpack.cmd --配置E:\Website\Sample\sampleapp\webpack.prod.js
ERROR in Entry module not found: E
浏览 0提问于2018-05-29得票数 0
我的代码依赖于大量其他代码，当从普通index.html-文件运行时，将在浏览器中最后加载代码。因此，当然，当依赖项1是jquery，而dependency 2使用$.html()，并且我的代码是第三次加载时，这在浏览器中工作得很好。
但是在Karma，一切都会停止，因为我从bower加载'jquery‘，而不是'$’。
要明确的是:不是我的代码造成了错误，而是依赖关系。我无法测试我的代码，因为在此之前，所有的错误都是错误的。
那我怎么让测试开始工作呢？
注:我也通过webpack运行一切，以便我可以使用ES6-代码，但webpack也是加载在业力以及，所以这应该没有任何影响。
浏览 4提问于2015-10-08得票数 2
回答已采纳
我正在使用Scalajs来管理我的Scala.js项目的NPM依赖项。我试图使用为Material组件提供Scala.js外观，但是库需要一个全局变量mui，定义如下：
var mui = require("material-ui");
mui.Styles = require("material-ui/styles");
mui.SvgIcons = require('material-ui/svg-icons/index');
window.mui = mui;
我的build.sbt中有一行build.sbt，允许我自定义金刚-邦德勒的W
浏览 1提问于2017-09-01得票数 2
回答已采纳
我开始学习webpack。我知道webpack4不需要显式配置。我为我的项目创建了一个。在每次构建时，我都会看到它采用默认配置。下面是我的package.json
{
"name": "feedback-clientlibs",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"build": "webpack&
浏览 26提问于2020-05-11得票数 1
当我试图为生产环境构建我的Nuxt.js项目时，我得到了这个错误：
Error: Path variable [contenthash:7] not implemented in this context: fonts/[contenthash:7].eot
at fn (/home/mike/job/daily-fashion/node_modules/@nuxt/webpack/node_modules/webpack/lib/TemplatedPathPlugin.js:45:11)
在谷歌上搜索这个问题，我找到了，其中建议将Webpack降级到4.28来解决这个问题。问题是，我
浏览 98提问于2020-02-18得票数 0
模块解析失败:意外令牌(34:16)
在highcharts-react-native中使用react-native面临一个问题。
我遵循了中的说明，但我不能在浏览器中运行我的react-原生应用程序。
我的行动：
创建了新的
在我的应用程序中安装了highcharts-react-native。
npm安装@highcharts/highcharts-react-native
修饰metro.config.js
修饰App.js
启动了我的应用程序
npm运行web
但是，如下所示
Uncaught Error: Module parse failed: Unexpected t
浏览 12提问于2021-09-25得票数 0
由于这个错误，我无法实例化控制器，它说：
模块不是一个函数。
模块应该做的是作为angular.mock的别名，但我的问题是：
难道是webpack的模组被重写了吗？(module.exports)
这是我的karma.config.js文件：
/*global __dirname*/
// Karma configuration
var path = require('path');
var webpackConfig = require('./webpack.config');
module.exports = function(config
浏览 3提问于2015-09-10得票数 12
回答已采纳
1回答
当我继续构建时，出现了以下“警告”。我该如何解决这个问题？
除了"$ npm run build“之外，是否没有实时构建的命令？例如)$ sass --请注意
或实时预览
$ npm run build
> bootstrap-webpack@1.0.0 build /Users/suk/myweb
> webpack
Hash: 62314a5e1bd8f234994f
Version: webpack 4.16.1
Time: 7100ms
Built at: 2018-07-18 19:27:20
浏览 8提问于2018-07-18得票数 0
回答已采纳
我在./src/ts/bundle.ts上有一个简单的函数，但它产生了一个错误，我不知道为什么？ ERROR in ./src/ts/bundle.ts 6:22
Module parse failed: Unexpected token (6:22)
You may need an appropriate loader to handle this file type, currently, no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| */
|
浏览 110提问于2020-06-17得票数 0
回答已采纳
我正在尝试将breadbutter.io js文件集成到vaadin 21中。
我怀疑问题出在瓦丁而不是面包黄油上。
我创建了一个javascript文件并将其存储在
前端/js/面包车.js
<script>
window.initBreadButter = function() {
BreadButter.configure({ app_id: "XXXXXXX" });
};
(function(d, s, id){ var js,fjs=d.getElementsByTagName(s)[0]; if(d.getElementById(id)) {r
浏览 8提问于2022-01-25得票数 1
回答已采纳
我正在尝试将我的springboot & React & Mongodb应用程序部署到Heroku，但我无法这样做。我看到终端机有错误记录。
当我运行git push heroku main时，我会得到以下错误。
模块未找到:错误:无法解决/tmp/build565ab5c4/src/main/js/components中的“React”
我已经尝试过npm install react & npm install react-dom，并且把所有的东西都推到了远程主分支。
remote: [INFO] WARNING in configuration
浏览 5提问于2021-08-07得票数 1
2回答
我有一个模板应用程序，我想让ie11工作，为此我使用webpack + babel。由于一些我忽略的原因，我的JS在ie11中根本不工作，即使我在配置中将它设置为目标。为了测试它，我在互联网上使用了一个ie11，但是我没有访问堆栈错误的权限，因为我在MacOS上。
我在这里错过了什么？
获得更多信息的源代码：
网址：
app.js
import regeneratorRuntime from "regenerator-runtime";
async function app() {
console.log('App entry point')
con
浏览 4提问于2021-02-20得票数 2
回答已采纳
1回答
这是我第一次在babel上使用webpack，我的目标是使我的小模板应用程序与ie11兼容。
由于一些我忽略的原因，我的JS在ie11中根本不工作，即使我在配置中将它设置为目标。为了测试它，我在互联网上使用了一个ie11，但是我没有访问堆栈错误的权限，因为我在MacOS上。
我在这里错过了什么？
获得更多信息的源代码：
网址：
app.js
import regeneratorRuntime from "regenerator-runtime";
async function app() {
console.log('App entry point')
浏览 0提问于2021-02-17得票数 2
回答已采纳
我正在学习Webpack，到目前为止，我已经能够使用babel-loader为不同的浏览器编译代码。我有一个简单的webpack.config.js文件：
// webpack.config.js
const path = require('path');
module.exports = {
entry: {
main: './src/index.js'
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'main.js
浏览 0提问于2021-03-30得票数 1
1回答
我是NativeScript新手，我想获取一个JSON，它是我项目的一部分。
我该怎么做呢？
以下操作失败：
app/data/util.js
import json from "../data/urls"; // Attempting to fetch urls.json
结果是：
com.tns.NativeScriptException: Error calling module function
Error: Cannot find module '../data/urls'
File: (file:///data/data/org.nativescr
浏览 0提问于2019-11-05得票数 0
1回答
我正在尝试使用来自fullcalendar.io的完整日历。他们建议使用Webpack作为构建系统，但我以前从未使用过它。在阅读了一下之后，我得到了完整的日历，但是我不能让样式表工作。我做了一些阅读，发现你需要"css-loader“和"style-loader"，并把它们放到你的webpack.config.js中。我试了我能想到的一切，但我就是不能让它工作。
项目结构
->dist
--->bundle.js
->src
--->main
----->webapp
------->JS
--------->calendar.
浏览 0提问于2020-05-06得票数 0
1回答
我是新手Webpack，我一直在关注他们的文档https://webpack.js.org/guides/getting-started/ 为了构造我的第一个简单代码并使用webpack构建相同的代码 在我必须在package.json脚本中添加构建命令的最后一节中 {
"name": "webpack-demo",
"version": "1.0.0",
"description": "",
"private": true,
"main"
浏览 24提问于2019-03-20得票数 0
1回答
我在运行测试时遇到了问题，我得到了这个错误：
警告在./src/app/home/home.component.spec.ts模块解析失败: /home/master/Documents/ai/loan-market/loanapp/src/app/home/home.component.spec.ts意外令牌(5:17)您可能需要一个适当的加载程序来处理这个文件类型。( => { let component: any = HomeComponent；AC.26 beforeEach(() ) => {@ ./src .spec.ts @ ./karma-shim.js )
浏览 3提问于2017-06-24得票数 1
我按照这个文档的https://webpack.js.org/migrate/5将我的webpack v4升级到了v5，之后我得到了这个错误。 TypeError: Cannot add property htmlWebpackPluginAlterChunks, object is not extensible
at /home/ec2-user/abhisar/insights-master/frontend/node_modules/html-webpack-plugin/index.js:59:56
at Hook.eval [as call] (eval at cr
浏览 86提问于2021-07-08得票数 3
我正在努力将webpack从2.7.0版本升级到4.40.2版本。以下是错误： webpack is watching the files…
Insufficient number of arguments or no entry found.
Alternatively, run 'webpack(-cli) --help' for usage info.
Version: webpack 4.40.2
Time: 42ms
Built at: 2019-09-16 12:34:56
WARNING in configuration
The 'mode' o
浏览 25提问于2019-09-17得票数 0
2回答
我正在处理webpack的react，当我运行这个命令npx webpack --config webpack.config.js时，我得到了以下错误
ERROR in ./node_modules/react-toastify/dist/ReactToastify.css 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this f
浏览 10提问于2022-01-26得票数 2
我有一个第三方库调用‘反应性-大调度程序’，并且我已经像这样导入到我的组件中。
import React from 'react';
import Scheduler, {SchedulerData, ViewTypes, DATE_FORMAT} from 'react-big-scheduler'
import moment from 'moment'
class MyScheduler extends React.Component {
render() {
// render scheduler
}
}
e
浏览 0提问于2019-04-11得票数 0
当我试图将我的less-loader设计库加载到Webpack的前端时，当我从6.0.0版本转移到6.1.0版本时，我收到了这个错误。我想知道是否还有其他人有这个问题并解决了这个问题(我在下面回答了)。
下面是更新之前的较少编译配置：
module: { rules: [{
test: /\.less$/,
use: [
{ loader: "style-loader" },
{ loader: "css-loader" },
{
loader: "less-load
浏览 9提问于2020-05-08得票数 4
2回答
webpack很新..。我希望能够从env文件中读取一个值，特别是webpack.config.js中的sass值，这样我就可以根据环境使用不同的css。
例如：
环境=发展，颜色=绿色
生产，颜色=蓝色
到目前为止，我已经专注于sass-加载程序，试图传递数据，但没有工作，$env变量在运行npm run build:Debug (这运行webpack --app=all --env=development)时总是没有定义。
这些是我的档案：
webpack.config.js
const path = require("path");
const com
浏览 5提问于2020-02-04得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
