webpack打包路径error

报错内容

ERROR in main
Module not found: Error: Can’t resolve ‘./src’ in ‘C:\Users\pefish\Desktop\webpack-study\1’
。。。。

背景

1.学习webpack基本使用,用webpack打包时报错。
2.配置文件webpack.congfig内容如下:
在这里插入图片描述
3.项目目录如下:
改变前

原因

entry值的路径错误
webpack通过在webpack.config.js中根据‘入口起点entry’来找到入口文件,
这里没有设置入口entry,所以默认为’./src/index.js’,而错误提示无法处理‘/src’,说明entry值的路径错误.

解决

1.改变了目录结构(请忽略lib)

这是改变后的目录结构
2.不改变目录结构,设置entry值为’./src/js’,如图:
在这里插入图片描述

验证

打包成功如图:
在这里插入图片描述

附上

入口起点(entry point):指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: 错误:无法找到模块“webpack” 这个错误通常是由于缺少webpack模块导致的。您需要使用npm安装webpack模块,可以使用以下命令: npm install webpack --save-dev 安装完成后,您应该能够成功运行您的webpack命令。 ### 回答2: 出现"error: cannot find module 'webpack'"的错误提示,意味着在当前项目中无法找到webpack模块。 webpack是一个用于打包JavaScript模块的工具,可以将多个模块打包成一个或多个bundle文件。 解决该错误的步骤如下: 1. 首先,确定你的项目中是否已经安装了webpack。可以在项目的根目录下执行以下命令查看webpack是否已经安装: ``` npm list webpack ``` 2. 如果没有安装webpack,可以通过以下命令进行安装: ``` npm install webpack --save-dev ``` 3. 如果已经安装了webpack,但仍然出现该错误,可能是由于webpack模块的安装路径没有正确地添加到项目的依赖中。可以通过以下步骤修复: - 打开项目的根目录下的package.json文件。 - 在"devDependencies"或"dependencies"字段中添加如下代码: ``` "webpack": "^<webpack版本号>" ``` 其中,"<webpack版本号>"需要替换成你想要安装的webpack版本号。 - 保存package.json文件,并重新运行npm install命令,以确保安装了所需版本的webpack。 4. 如果上述步骤无效,可以尝试全局安装webpack: ``` npm install webpack -g ``` 然后重新执行相应的webpack命令,查看是否解决了该错误。 通过以上步骤,你应该能够解决"error: cannot find module 'webpack'"的错误,并且在你的项目中成功使用webpack模块进行打包操作。 ### 回答3: 这个错误是在使用webpack时出现的,意味着无法找到名为'webpack'的模块。发生这种错误的原因可能是由于以下几个问题: 1. 未安装webpack:首先要确保已通过命令行安装了webpack。可以通过运行命令`npm install webpack --global`来全局安装webpack,或者在项目目录下运行`npm install webpack --save-dev`来将webpack作为项目的开发依赖安装。 2. webpack安装有问题:如果已经安装了webpack但仍然出现该错误,可能是由于webpack安装有问题。可以尝试重新安装webpack或者升级版本,可以通过运行`npm uninstall webpack`和`npm install webpack`来重新安装,或者通过`npm update webpack`来升级版本。 3. package.json文件中缺少webpack依赖:在项目的package.json文件中,需要确保已添加了webpack的依赖项及版本号。可以通过编辑package.json文件中的dependencies或devDependencies字段,添加"webpack": "^x.x.x"来指定使用的webpack版本。 4. webpack模块文件路径问题:如果webpack模块的文件路径有问题,也可能导致找不到模块的错误。可以尝试检查webpack模块的文件路径是否正确,可以查看webpack配置文件中的入口(entry)和出口(output)等配置项,确保指定的路径是正确的。 综上所述,当出现"error: cannot find module 'webpack'"错误时,可以尝试检查是否安装了webpack,重新安装或升级webpack,确保package.json文件中添加了webpack依赖,并检查webpack模块的文件路径是否正确。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值