安装webpack过程中遇到的问题

最新推荐文章于 2022-04-21 10:57:11 发布
最新推荐文章于 2022-04-21 10:57:11 发布
阅读量257 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FINDyoyo/article/details/114183242
版权

1.全局安装webpack

npm install --save-dev webpack -g

输入webpack报错

2.管理员运行 window powershell

首先管理员身份运行 windows powershell ，输入Get-ExecutionPolicy ，用于获得当前的执行策略。
Set-ExecutionPolicy 命令设置/更改执行策略，选择RemoteSigned这个执行策略，这个策略既安全又可以执行本地编写的脚本

输入Y

3.总是提示安装cli

npm install --save-dev webpack-cli -g 全局安装cli模块

FINDyoyo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈webpack打包过程中因为图片的路径导致的问题
01-21
最近在制作一个自己的个人博客的时候遇到这么一个问题, 在CSS中使用了相对路径来充当背景图片, 如下所示： 然后将整个工程使用webpack打包之后, 在浏览器上运行却报错了, 报错如下: 也就是说, 打包之后这个图片文件找不到了, 那么原因出在哪里呢? 先来看一下我在webpack.config.js文件中的配置: 在这里其实我的loader并没有使用错误的, 图片对应的就是使用url-loader来处理. 那么再来看一下通过webpack打包之后的目录: 发现dist文件夹中出现了我们想要打包生成的一个文件build.js, 同时还额外的生成了一个图片文件, 这个文件就是刚刚我们在
webpack 1.x升级过程中的踩坑总结大全
08-29
webpack1已结不再维护了，官方在主推webpack2，最近在升级webpack过程中遇到了不少的问题，所以下面这篇文章主要给大家总结了一些在webpack 1.x升级过程中的遇到的坑，以及详细的解决方法，需要的朋友可以参考借鉴，...
webpack打包报错 [webpack-cli] TypeError: merge is not a function
晓康的博客
10-12 2621
报错信息如下： [webpack-cli] Failed to load '/Users/xiaokang/Desktop/webpack-react-scaffold/config/webpack.prod.config.js' config [webpack-cli] TypeError: merge is not a function npm ERR! Failed at the webpack[email protected] build script. npm ERR! This is
webpack 打包时出现的error错误处理
chengzhijun93的博客
09-29 3698
[webpack-cli] Failed to load ‘XXX webpack.config.js’ config [webpack-cli] Failed to load ‘XXX webpack.config.js’ config [webpack-cli] ReferenceError: Module is not defined npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! webpack[email protected] build: webpack n
关于在mac下输入webpack 打包出现webpack-cli的问题解决方案
rclack的博客
11-24 1308
开始从官网下载一个nodejs   我自己下载的版本 6.12.0 https://nodejs.org/download/release/v6.12.0/  下载链接 下载完之后  图形操作安装即可 打开终端 输入 npm init   根据提示输入      完成之后  ls  会出现一个package.json文件 npm install webpack -g  全局安装  ...
webpack安装填坑（‘webpack‘ 不是内部或外部命令，也不是可运行的程序或批处理文件）
hebian1994的博客
10-19 337
webpack安装填坑（'webpack' 不是内部或外部命令，也不是可运行的程序或批处理文件） - 如果。。。 - 博客园 webpack打包The 'mode' option has not been set,错误提示 - begrateful - 博客园 Failed to load 'E:\nodeproject\19webpack\app\webpack.config.json' config [webpack-cli] SyntaxError: E:\nodeproject\19we..
webpack 报错 [webpack-cli] Unable to load ‘@webpack-cli/serve‘ command
苦哈哈的博客园
12-25 2899
为开发调试方便安装 webpack-dev-server. webpack-dev-server 可以让 webpack 监听项目源代码的变化，从而进行自动打包构建。 安装 webpack-dev-server npm install webpack-dev[email protected] -D 安装完成后，执行 npm run dev 报错了！ [webpack-cli] Unable to load '@webpack-cli/serve' command [webpack-cli..
关于vue，使用webpack --mode=development命令时报错Failed to load ‘......webpack.config.js‘ config的问题
热门推荐
qq_39169713的博客
04-28 1万+
报错内容如下： E:\yygh\webpackdemo>webpack --mode=development [webpack-cli] Failed to load 'E:\yygh\webpackdemo\webpack.config.js' config [webpack-cli] ReferenceError: path is not defined at Object.<anonymous> (E:\yygh\webpackdemo\webpack.config.js:
webpack报错 [webpack-cli] Unable to load ‘@webpack-cli/serve‘ command
weixin_44042453的博客
04-21 2633
webpack 中的插件
webpack 打包报错
果壳世界
06-03 2068
webpack 打包报错"Failed to load***config" PS D:\Users\18734\Desktop\vscodework\guli\1010\webpack> webpack [webpack-cli] Failed to load 'D:\Users\18734\Desktop\vscodework\guli\1010\webpack\webpack.config.js' config at parse (<anonymous>) at rea
解决在vue项目中webpack打包后字体不生效的问题
01-19
最近在项目开发过程中遇到如下问题：开发环境中设置的字体样式使用webpack打包后到生产环境不生效。如图： 打开控制台查看元素样式，发现在开发环境的时候”微软雅黑”被解析成unicode编码并且带着双引号， 但使用...
Node.js 和 webpack 下载安装——小白教程
01-20
前端学习Vue会用到webpack，用webpack需要安装node.js，由此展开本篇教程，过程中遇到了一些麻烦，解决方案也已经给出 Node.js下载地址 点击跳转 1，下载安装node.js 推荐百度云离线下载，chrome和迅雷我这边都很慢...
Webpack打包慢问题的完美解决方法
12-03
但是开发过程中遇到一个很棘手的问题就是，React 加上 React-Router、superagent、eventproxy 这些第三方轮子一共有好几百个 module，Webpack 的打包速度极慢。这对于开发是非常不好的体验，同时效率也极低。 问题...
webpack3.0升级4.0的方法步骤
11-21
这些依赖有的是在build过程中发现依赖有新的替换或者报错，逐步替换的，如果想遇到多个坑，可以先把webpack、webpack-cli升级到对应版本 devDependencies: "extract-text-webpack-plugin": "^4.0.0-beta.0"
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
11-28
最近在用vue写一个小项目，其中就用到了vue脚手架工具vue-cli，在测试打包后能否运行过程中遇到不少问题，而且在网上这些问题答案都不太好找，废话不多说，进入正题。 a.执行打包命令：npm run build b.打包之后...
glslify-webpack：使用GLSLify和Webpack的工作示例
01-31
在尝试使glslify很好地与我的webpack配置配合使用时，我遇到了几个问题，根据您的设置，它们似乎会翻转。 因此，为了掌握如何使其正常工作，我将所有内容都剥离了下来，并尝试了一些建议的webpack加载器和babel插件...
webpack-demo.zip
07-16
webpack基础学习过程中，从安装步骤到创建第一个打包实例，打包成功后浏览器进行浏览。其中包含了操作过程中遇到的问题及解决办法，适合webpack新手入门学习。
解决新建一个vue项目过程中遇到的问题
01-22
我就废话不多说了，大家还是直接看代码吧~ /usr/local/bin/node /usr/local/lib/node_modules/npm/...> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 0% compiling 10% building m
安装webpack-cli提示无可用版本
最新发布
06-10
如果你在安装 `webpack-cli` 时提示无可用版本，可能有以下几个原因： 1. `npm` 源配置错误，导致无法找到 `webpack-cli` 的版本信息。 解决方法：可以尝试切换 `npm` 源，或者使用 `cnpm` 替代 `npm` 安装。 2. 当前网络环境不稳定，导致无法正常访问 `npm` 仓库。 解决方法：建议检查一下网络连接是否正常，可以尝试使用 `ping` 命令测试网络连通性，或者尝试使用代理服务器。 3. `webpack-cli` 版本号输入错误，或者该版本已经被删除了。 解决方法：建议检查一下输入的版本号是否正确，或者尝试安装其他可用版本的 `webpack-cli`。 4. `webpack-cli` 模块损坏，或者安装过程中出现了错误。 解决方法：建议删除 `node_modules` 目录，清空 `npm` 缓存，然后重新安装 `webpack-cli`。 总之，如果你遇到了这种问题，可以先检查一下网络环境和源配置是否正确，然后尝试重新安装或者安装其他可用版本的 `webpack-cli`，如果问题仍然存在，可以提供更具体的错误信息，以便更好地帮助你解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值