npm和webpack的报错问题解决（持更）

最新推荐文章于 2023-11-11 23:26:58 发布
原创 最新推荐文章于 2023-11-11 23:26:58 发布 · 945 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webpack #npm报错 #json文件解析 #webpack-dev-server

博客主要介绍了npm和webpack的两个常见问题。一是json文件解析错误，因json文件不能有注释，而js文件中的json可解析是因解析的是js；二是出现‘XXX不是内部指令’，可能是装包中途杀掉致部分包不完整，可查看node_modules或删除该文件夹重新安装。

npm和webpack的问题

1.json文件解析错误：json不能有注释

json文件中不能有注释，否则解析不了。但js文件中的json可以有注释，是因为解析的是js。
在这里插入图片描述
在这里插入图片描述

2.XXX不是内部指令（但明明之前有装过）

原因：之前在装包的时候，可能等久了中途杀掉，导致有些包不完整，所以直接去nodemodule里看有没有；如果一直都是报一个一个的包没找到，那就直接把nodemodule文件夹删掉，重新cnpm i
在这里插入图片描述

webpack.config.js配置遇到Error: Cannot find module ‘@babel/core‘问题
shengyin714959的博客
06-28 1862
在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误 最初以为是babel-core没有安装上。重装了好几遍babel-core还是不行。对照以前的项目,发现babel-loader的版本不一样,之前的是@7.1.5版本,而现在是@8.0.0版本。带着半信半疑的心情安装回@7.1.5版本 再发现成功了！ 有点纳闷,距离上次安装不过才几天,就更新成babel-loader@8.0.0。而且还不支持原来的配置了。网上没
React npm start启动webpack报错问题
weixin_44905572的博客
07-13 752
报错信息 ``` There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. The rea ct-scripts package provided by Create React App requires a dependency: "webpack": "4.42.0" .
用IDEA学习webpack打包工具遇到的一些问题
weixin_43234549的博客
02-01 1593
webpack : 无法加载文件 C:\Users\187XXXX1387\AppData\Roaming\npm\webpack.ps1,因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwli 在idea的Terminal命令窗口输入命定webpack进行打包，出现如上的错误命令。原因可能是权限不够。 解决方案：在win10自带的搜索中搜索powershell，点击以管理员身份运行 进入命令窗口后输入：set-ExecutionPolicy R
webpack 相关
xiaomifeng_li的博客
11-23 611
简单的配置方式 调整 webpack 配置最简单的方式就是在 vue.config.js 中的 configureWebpack 选项提供一个对象： // vue.config.js module.exports = { configureWebpack: { plugins: [ new MyAwesomeWebpackPlugin() ] } } 该对象将...
npm安装Webpack报错问题
weixin_47083982的博客
11-08 1094
1、npm安装Webpack报错如下图： 2、此时我们设置淘宝镜像如下： npm config set registry https://registry.npm.taobao.org 3、接下来就可以安装成功啦
vue进行wepack打包执行npm run build出现错误
weixin_33739627的博客
01-19 375
在vue项目结束执行npm run build出现错误如下报错点在uglifyjs-webpack-plugin于是对比一下之前的 package.json，发现 uglifyjs-webpack-plugin 的版本是 0.4.6，但现在已经是1.1.4了。然后发现了README.md文件开头的一段话： webpack =< v...
精选资源
终端中 npm安装报错 webpack
01-07
以webpack中安装autoprefixer为例： 终端输入: npm install autoprefixer 报出一堆错 gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1 gyp ERR! stack at ChildProcess.onCpExit ...
精选资源
Vue项目执行 npm run dev 报错解决方法
01-07
Vue项目执行 npm run dev 报错解决方法 错误如下: Error: Cannot find module 'webpack-merge' at Function.Module._resolveFilename (module.js:440:15) at Function.Module._load (module.js:388:25) at Module....
详解Vue项目在其他电脑npm run dev运行报错的解决方法
12-11
并使用 npm run dev 或 npm run start 发生以下报错的解决方法。 报错原因 缺少 node_modules 里面的依赖。在项目目录下使用 npm install 然后再 npm run dev。 如果在这一步当中， npm install 执行的过程中，...
vue init webpack 建vue项目报错的解决方法
10-17
在使用Vue.js框架开发前端项目时，很多开发者会使用Vue CLI（命令行工具）来快速搭建项目。Vue CLI提供了多种模板来初始化...遇到报错并不需要恐慌，按照正确的解决路径进行排查与修复，大多数问题都是可以顺利解决的。
webpack-theme-color-replacer 路由跳转之后，样式丢失
qq_27007423的博客
09-28 660
原因是canvas内嵌套canvas出现的问题，改为在外层加上div，后续需要渲染的canvas插到该盒子下即可。 ```javascript <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> &...
npm run dev报错：Cannot find module webpack.config.js
学习使我快乐_玉祥
08-16 2244
因为你的项目根目录没这个文件，创一个webpack.config.js文件，代码如下： var path=require("path"); module.exports={ //入口文件 entry:"./src/main.js", output:{ //路径//__dirname 是node的一个全局变量，获得当前文件所在目录的完整目录名 path: path.resolve(__dirname,"./dist"), filena
webpack-theme-color-replacer动态修改Ant Design Vue主题色
qq_39172655的博客
02-18 2519
度娘出不来效果，尝试总有一点小问题 有很多解决方案，例如antd-theme-webpack-plugin，但是尝试失败，antdv 2.2.8版本与之前的路径与源码有所不同，直到找到webpack-theme-color-replacer的文章取经之后踩坑实现了效果 项目使用的是Vue3+typescript 进入正题，首先我们安装antdv npm i --save ant-design-vue@next 在main.js中引入 import { createApp } from
webpack-theme-color-replacer自定义element-ui主题
farme_guan的博客
01-13 3777
前言 因为项目采用UI组件element-ui，需要部署后（打包后）设置主题，在网上找了一遍，如下几种方法。 1/使用全局样式覆盖（工作量大） 2/自定义element-ui配色，element-ui提供了一个配置页面和配色工具，可以本地生成固定的几套主题色，以便来实现主题切换（编译后无法修改） 3/ 通过后端返回css文件，前端配合使用localStorage，储存主题对应的参数，后端返回对应的css主题文件（和方法2一样，需要先生成多个主题css文件） 4/通过改变element-ui的样..
webpack报错（npm run dev报错）方法处理
weixin_43837268的博客
04-20 479
原因：webpack版本不兼容 处理：node 卸载重装！！！，删除node-module包！！！，搞定！！！
vue报configJs = configJs + ‘(typeof window==‘undefined‘?global:window).__theme_COLOR_css=‘ + JSON
weixin_45781661的博客
04-17 1056
vue报configJs = configJs + ‘(typeof window==‘undefined’?global:window).__theme_COLOR_css=’ + JSON 报上图所示错误，是因为webpack-theme-color-replacer版本和package.json中的版本不一致，一般是版本过高，可以先通过命令行npm list webpack-theme-color-replacer在该项目下执行一下，对比一下版本，如果不不一致，可以通过npm i webpack-t
配置webpack.config.js遇到的一些问题
前端岚枫
08-25 4799
配置vue-loader时候，npm run build 遇到这样问题，如下提示： webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin 解决方案是： const path = require('path') //引入这个 const Vu...
webpack踩过的坑及webpack.config.js的配置
L_AMiao的博客
11-23 2996
坑一 如果webpack是3以上的版本，npm install webpack --save的时候会一直提示安装webpack-cli 以前webpack的版本包含有webpack-cl，后来webpack3+以上版本被分开了   坑二 webpack.config.js const path = require("path"); const HtmlWebpackPlugin = ...
node版本过高，WebStrom启动vue项目报错
w506667090的博客
11-11 594
Error: error:0308010C:digital envelope routines::unsupported Node.js v18.16.1 error Command failed with exit code 1.
npm install webpack -g 报错下载慢
最新发布
01-11
### 解决 `npm install webpack -g` 下载速度慢的方法 当执行命令 `npm install webpack -g` 时如果遇到下载速度过慢的情况，可以考虑以下几个方面来优化： #### 使用淘宝镜像源加速 NPM 安装 国内用户可以通过切换到淘宝提供的 NPM 镜像源来提高下载速度。这能显著减少因网络延迟造成的等待时间。 ```bash npm config set registry https://registry.npmmirror.com/ ``` 此操作会更改默认的 NPM 注册表地址为更快捷稳定的中国区镜像站点[^1]。 #### 设置缓存位置并清理旧缓存 有时本地磁盘上的残留文件可能影响新包的获取效率。通过指定新的缓存路径以及清除现有缓存可以帮助改善性能。 ```bash npm cache clean --force npm config set cache "F:\\npm-cache" --global ``` 上述指令先强制清除了当前用户的全部缓存数据，接着设定了一个新的全局缓存目录用于后续的操作[^2]。 #### 升级 Node.js 和 NPM 到最新稳定版 确保使用的开发环境是最新的也很重要，因为较老版本可能存在一些已知的问题或不兼容之处。可以从官方网站下载最新的 LTS (长期支持) 版本来进行更新。 访问 [Node.js官网](https://nodejs.org/) 获取适合系统的安装程序，并按照指引完成升级过程[^3]。 #### 考虑使用 Yarn 替代 NPM Yarn 是 Facebook 推出的一个快速、可靠且安全的依赖管理工具，它同样适用于 Webpack 的安装。对于某些场景来说，可能会提供更好的体验。 安装方式如下所示： ```bash npm install -g yarn yarn global add webpack ``` 这种方式不仅能够加快软件包的检索与部署流程，还提供了更友好的界面和更多的特性选项[^4]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值