Question

我第一次尝试运行web Pack-4。

webpack ./src/js/app.js ./dist/app.bundle.js

<>strong>it表示警告/错误:

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 for each environment.
You can also set it to  none  to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

ERROR in multi ./src/js/app.js ./dist/app.bundle.js
Module not found: Error: Can t resolve  ./dist/app.bundle.js  in  D:wamp64wwwwebpack-4 
 @ multi ./src/js/app.js ./dist/app.bundle.js

www.un.org/Depts/DGACM/index_spanish.htm 然后,我试图改变“

webpack --mode development

它表明:

ERROR in Entry module not found: Error: Can t resolve  ./src

Answer 1

<>Resolved

为找到解决办法花费了许多时间。

<<>Solution: Addindex.js file into srcube。

这!

During Research, I found some facts about webpack 4 :

www.un.org/Depts/DGACM/index_french.htm 将使用<代码>/src/index.js作为缺省!

Answer 2

在

Solution: Use Default Behavior

http://strong>src/index.js。

http://web Pack.js.org/concepts/#enter”rel=“noreferer”>。。

By default its value is ./src/index.js, but you can specify a different (or multiple entry points) by configuring the entry property in the webpack configuration.

Solution: Be Specific

如@Lokeh所指出的,如果你不想改变其共同提交文件的地点,你可以始终使用path.resolve(),载于:web Pack.config.js:

entry: path.resolve(__dirname,  src ) +  /path/to/your/file.js ,

Answer 3

在网上包装中明确添加一个内容。修改贵项目中的以下法典:

context: __dirname +  /src ,
entry:  ./index.js ,

Answer 4

webpack version 4.46.0 Perhaps someone gets stuck during migration from webpack 4 to 5.

in case of multiple webpack config files and if anyone uses merge: Say webpack.common.js relies on some variables passed from cli eg:

module.export = (env) => {
  const {myCustomVar} = env;

  return {
    // some common webpack config that uses myCustomVar
  }
}

When you require common config in say webpack.prod.js:

const { merge } = require( webpack-merge ); // <-- `merge` is now named import if you are using > v5
const common = require( ./webpack.common.js );

const getProdConfig = () => {....}

module.exports = (env) => {
  return merge(common(env), getProdConfig()); // <-- here, `call` common as its exported as a fn()
};

Answer 5

webpack ./src/js/app.js --output ./dist/app.bundle.js --mode development

这为我工作。我遇到同样的麻烦,是因为采用了新的网络包。

Answer 6

我有类似的错误,并能够用“指挥编码”来解决这个问题。 http://code>-o。问题不在于指数的位置。

见。 https://web Pack.js.org/api/cli/。

Version of webpack was 4.44.1

Answer 7

仅此刻,有人不注意像我这样的细节,我有同样的错误,但因为我的网页包装文件被点名。而是在网上包装。因此,我的习惯组合从来就没有被挑选,而网络包又回到了违约的条目“弧/指数.js”。

Answer 8

其他解决办法没有奏效。我通过在<条码>包装,json <>/代码>上添加这一句子而解决这一问题。

  "scripts": {
    "test": "echo "Error: no test specified" && exit 1",
    "build": "webpack" //this
  },

接着,<代码>npm 运行并运行。首先用<代码>npx 网页进行。她想知道它如何运作。

Answer 9

至于网络包裹4.29.6,你不需要任何组合文件,而不必在一揽子方案中提供途径。 json, 我们需要简单地写“造影”:“网络包”,并保留索引。但是,如果你想要改变切入点,你就可以在网上包装的组合文档中这样做。

Answer 10

在铁路6号申请中,这一步骤对我有利:

1) bundle exec rails webpacker:install system will reinstall webpacker but will rewrite few files:

  modified:   config/webpack/environment.js
  modified:   config/webpacker.yml
  modified:   package.json
  modified:   yarn.lock

2) 返回会到最初状态:

www.un.org/Depts/DGACM/index_french.htm config/web Pack/environment.js

www.un.org/Depts/DGACM/index_french.htm 页: 1

<编码> 包装,json 和yarn.lock 你们可以离开,因为他们可以离开。

Answer 11

与其他人一样,花了许多时间来应对这一令人痛心的问题。最后修改了<条形码>。页: 1

output: {
  path: path.resolve(__dirname,  ./src ), //src instead of dist
  publicPath:  /src/ , //src instead of dist
  filename:  main.js  //main.js instead of build.js
}

......正如Edouard Lopez和Sabir Hussain提到,你不需要提及一个切入点,也去掉了这个切身之处,在长期挫折感之后,还汇编了各种信。

Answer 12

因此,我要谈的我的问题是,我根据我的全心全意确定了进入的道路。因此,我的情况是/客户/主人。但是,由于我的网页包——汇号档案实际上在(客户)内,我不得不搬进这个文件夹,以管理网络包。因此,我现在谈谈/客户/客户/主要方面。

因此,如果你发现这一错误,你需要真实地审视你的入境途径,并确保这一途径建立在你管理网上包装和你的网络包装的基础之上。没收案卷。你的入门路需要与你管理网络包。并非与你的根本所在。

Answer 13

我在之间交换。运行<条码>铁路网包:install使我恢复了铁路网包裹的故障,但也超过了我所有的汇合文档。在进行更仔细的检查后,该名护卫被证明是我的<条码>web Pack/development.js文档,在以前的格姆版中,该文档被迅速从这一铁路网包裹的违约中修改:

process.env.NODE_ENV = process.env.NODE_ENV ||  development 

const environment = require( ./environment )

module.exports = environment.toWebpackConfig()

一旦我将这些内容归还档案,这一错误就消失了。具体来说,我没有“<代码>module. Exports = Environment.toWeb PackConfig()线”,这对于希望避免铁路网包的人来说,显然非常重要,需要弧/指数。 j 档案(t)

Answer 14

in my case I created an index.ts (TypeScript) file instead of index.js (JavaScript). Renaming to .js worked.

Answer 15

你再次检查你的工作名录,希望用正确的文件夹操作Npx网络包。

i run into this problem when running npx webpack inside ../dist/ so i cd .. and then run npx webpack, it runs properly now.

Solution: Use Default Behavior

Solution: Be Specific

友情链接