webpack安装与配置 及遇到的问题

最新推荐文章于 2022-09-14 17:25:17 发布
最新推荐文章于 2022-09-14 17:25:17 发布
阅读量161 收藏
点赞数
分类专栏： bug修复 文章标签： webpack vue npm vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41736524/article/details/116800575
版权

PS E:\vue\webpack1> npm i webpack webpack-cli -D
npm ERR! code ENOSELF
npm ERR! Refusing to install package with name "webpack" under a package
npm ERR! also called "webpack". Did you name your project the same
npm ERR! as the dependency you're installing?
npm ERR! 
...

问题是 你起的名字 不能和webpack 同名  改成webpack1 

 

 

苏喂苏喂a
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack配置问题(没解决)
weiAX95的博客
01-21 397
安装全局webpack时一直报错
npm 安装webpack出错
xiaowu0929的博客
10-29 700
今天学习过程中要求安装webpack 安装过程中报了个奇怪的错 npm ERR! code EPERM npm ERR! syscall mkdir npm ERR! path C:\Program Files\nodejs\node_cache\_cacache 麻了，百度后发现，罪魁祸首是一个叫npmrc的文件，使用npm安装东西报错都有可能是它的锅，删除掉就好了 一般都在这个位置(我已删除),C:\Users\用户 ...
webpack入门
qq_39756331的博客
01-27 109
遇到问题首先到github项目的Issues中，检索一下相关问题，比在百度谷歌上直接搜索非官方解决方案好得多。 1、npm init 生成 package.json 2、npm i-D webpack 生成 # npm i -D 是 npm install --save-dev 的简写，是指安装模块并保存到 package.json 的 devDependencies 3、运行 （1） https://blog.csdn.net/weixin_38606332/article/det.
webpack篇(一)：基础配置
qq_37292539的博客
11-20 166
初始化项目 npm init -y 安装相关依赖，注意：下载 webpack-cli 源地址必须是npm的 npm i webpack -D npm i webpack-cli -D 项目根目录中创建 webpack.config.js 文件 const path = require('path') module.exports = { mode: 'development', // 表示处于开发阶段 entry: './src/index.js', // 入口文件, output: {
npm后面的 -S和-D参数详解
最新发布
频繁记录
09-14 1万+
npm后面的 -S和-D参数详解
webpack4.x下babel的安装、配置及使用详解
11-30
【webpack4.x下babel的安装、配置及使用详解】 在现代前端开发中，ES6（ES2015）已经成为主流的JavaScript语法，其简洁性和强大的功能被广泛应用。然而，不同浏览器对ES6的支持程度不一，为了确保代码在各种环境下...
webpack的基本原理及手动配置webpack的详细步骤
07-03
以及我在手动配置webapck的时候遇到的一些问题以及解决方法，里面的内容主要有前端工程化，webpack的基本使用，webpack中的插件，webpack中的loader，打包发布，Source Map以及在浏览器中安装vue-devtools调试工具。...
webpack3升级到webpack4遇到问题总结
10-16
在webpack配置中找到所有`CommonsChunkPlugin`实例并替换为`splitChunks`配置。例如，创建公共模块的代码可能如下： ```javascript optimization: { splitChunks: { chunks: 'all', }, }, ``` 2. **升级`...
Webpack：知识点总结以及遇到问题的处理办法
01-08
在项目中安装和配置 webpack：4.配置自定义打包的自定义入口和出口：4.配置自动打包功能：5.配置生成预览页面功能：6.配置自动打包相关参数：7.webpack 中的加载器：8.loader加载器的基本使用：9.Vue单文件组件：10....
webpack之引入图片的实现及问题
12-09
当我们基于webpack进行开发时，引入图片会遇到一些问题。 其中一个就是引用路径的问题。拿background样式用url引入背景图来说，我们都知道，webpack最终会将各个模块打包成一个文件，因此我们样式中的url路径是相对...
使用webpack时遇到的问题
12-27 618
使用npm 局部安装webpack 时提示 npm ERR！ Windows_NT 6.1.7601 npm ERR ! args "F:\Nodejs\node.exe" "F:\Nodejs\node_modules\npm\bin\npm-cli.js" "install" "webpack" "--save-dev" npm ERR! node v5.10.1 npm
npm安装报错npm ERR! Refusing to install package with name "xxxx" under a packagexxxx
Shmily的博客
05-08 722
npm安装报错npm ERR! Refusing to install package with name “xxxx” under a packagexxxx npm ERR! code ENOSELF npm ERR! Refusing to install package with name "webpack" under a package npm ERR! also called "webpack". Did you name your project the same npm ERR! as t
webpack入门的配置遇到的问题
limy_cxm的博客
06-05 2546
初阶段学习webpack配置output路径问题module.exports = { entry: './src/app.js', output: { path: './bin', filename: 'app.bundle.js' } }``` 出现报错：*Invalid configuration object. Webpack has
npm i xxxx -D，-S，-g
年三十的博客
08-11 6655
npm常用的安装命令 npm i 就是npm install 简写 npm i xxxx-D 就是npm i xxxx--save-dev npm i xxxx-S 就是 npm i xxxx--save npm i xxxx-g 就是 全局安装 npm i xxxx 就是本地安装 命令详解 npm i xxxx--save-de...
webpack 知识点
weixin_30677617的博客
10-27 46
安装 webpack npm install -g webpack npm install -g webpack-cli@2.x 初始化项目 npm init -y npm install --save -dev webpack@3.x 参数--save-dev的含义是代表把你的安装包信息写入package.json文件的devDepend...
npm安装webpack步骤及遇到的错误
bai_cai_pei的博客
03-14 2万+
一. 步骤：1. 从node.js官网下载并安装node，一路“下一步”（傻瓜式安装）。安装完成，打开cmd命令行工具，输入 node -v，查看版本号，则说明安装成功。2.npm包管理器是集成在node中的，输入 npm -v，显示npm版本号3.创建package.json文件，输入命令 npm init，一路enter，完后输入yes或Y，这样在工程目录下就会生成一个package.json...
安装Nodejs踩过的坑：npm安装报错npm ERR! code EPERM npm ERR! syscall mkdir npm ERR! path D:\Program Files\nod..)
m0_52309938的博客
10-10 6万+
今天学vue到webpack，大无语了家人们，从第一步npm installl的安装开始，就逐渐陷入了npm的坑！ 首先，从官网下载node.js，链接Download | Node.js，根据自己的电脑配置选择安装版本（推荐LST稳定版本的），然后按照安装步骤操作就行，直到测试安装的时候，开始报错了： 网上查找了许多博文之后找到了解决方法： 1、删除C:\Users\用户\下的.npmrc文件 这里我的.npmrc是正常显示的，如果你的没有，看是不是因为将隐藏的项目勾选上了，然后去掉勾选。
npm ERR!无法安装任何包的解决办法
热门推荐
AndyLizh的专栏
09-02 13万+
npm ERR! Windows_NT 6.1.7601 npm ERR! argv "E:\\node\\\\node.exe" "E:\\node\\node_modules\\npm\\bin\\npm-cli.js" "install" npm ERR! node v0.12.0 npm ERR! npm v2.5.1 npm ERR! code ECONNRESET npm
npm，webpack学习中遇到的各种问题
高山上的鱼
11-19 8万+
问题1：端口被占用  npm start > @ start /Users/qingtian/Desktop/dva/examples/user-dashboard > dora --plugins "proxy,webpack,webpack-hmr"           proxy: load rule from proxy.config.js (node:853
Webpack安装与使用详解
**Webpack的安装与配置** 1. **安装**: 全局安装Webpack和webpack-cli，确保版本匹配。如果遇到版本冲突，可能需要手动卸载并重新安装指定版本。 2. **验证安装**: 使用`webpack -v`命令检查Webpack是否正确安装，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值