运行webpack-dev-server的时候,可以正常启动服务,但是Terminal控制台报错,如下:

ERROR in ./node_modules/webpack-dev-server/client/index.js?http://0.0.0.0:8085 6:16-37
Module not found: Error: Can't resolve 'strip-ansi' in 'D:\study\webpack+TS\node_modules\webpack-dev-server\client' ERROR in ./node_modules/webpack-dev-server/client/index.js?http://0.0.0.0:8085 8:13-32
Module not found: Error: Can't resolve './socket' in 'D:\study\webpack+TS\node_modules\webpack-dev-server\client' ERROR in ./node_modules/webpack-dev-server/client/index.js?http://0.0.0.0:8085 10:14-34
Module not found: Error: Can't resolve './overlay' in 'D:\study\webpack+TS\node_modules\webpack-dev-server\client' ERROR in ./node_modules/webpack-dev-server/client/index.js?http://0.0.0.0:8085 12:15-37
Module not found: Error: Can't resolve './utils/log' in 'D:\study\webpack+TS\node_modules\webpack-dev-server\client' ERROR in ./node_modules/webpack-dev-server/client/index.js?http://0.0.0.0:8085 16:18-48
Module not found: Error: Can't resolve './utils/sendMessage' in 'D:\study\webpack+TS\node_modules\webpack-dev-server\client' ERROR in ./node_modules/webpack-dev-server/client/index.js?http://0.0.0.0:8085 18:16-44
Module not found: Error: Can't resolve './utils/reloadApp' in 'D:\study\webpack+TS\node_modules\webpack-dev-server\client' ERROR in ./node_modules/webpack-dev-server/client/index.js?http://0.0.0.0:8085 20:22-56
Module not found: Error: Can't resolve './utils/createSocketUrl' in 'D:\study\webpack+TS\node_modules\webpack-dev-server\client' ERROR in ./node_modules/webpack/hot/dev-server.js 11:11-27
Module not found: Error: Can't resolve './log' in 'D:\study\webpack+TS\node_modules\webpack\hot' ERROR in ./node_modules/webpack/hot/dev-server.js 30:4-33
Module not found: Error: Can't resolve './log-apply-result' in 'D:\study\webpack+TS\node_modules\webpack\hot' ERROR in ./node_modules/webpack/hot/dev-server.js 50:18-38
Module not found: Error: Can't resolve './emitter' in 'D:\study\webpack+TS\node_modules\webpack\hot'

尝试过的方法【无效】

1.重新安装 strip-ansi

yarn add strip-ansi -D

2.删除node_modules目录,重新安装依赖

rm -rf node_modules
yarn install

3.重新安装本地webpack

yarn add webpack -D

以上3种方法均未解决问题

解决问题

仔细排查了一下发现,extensions配置扩展名称的问题(我只写了.ts的问题)

写的不对 没有加.  或者写的不全面

 extensions: ['.js', '.ts', '.json', '.less', '.css']

webpack打包提示: Uncaught Error: Cannot find module 'strip-ansi'的更多相关文章

  1. phpcms切换到php7.2后无法修改文章提示Uncaught Error: [] operator not supported for strings

    前段时间将客户的phpcms站点升级到php7.2,相对比较顺利,但是今天他反应文章无法修改了,提示Uncaught Error: [] operator not supported for stri ...

  2. 解决webpack打包报错: Cannot find module '@webassemblyjs/wasm-parser'

    出现这个错误时,百度和谷歌中都搜索不出个所以然出来,后来看了一下webpack官网,说建议安装node最新版本: 前提条件 在开始之前,请确保安装了 Node.js 的最新版本.使用 Node.js ...

  3. webpack打包报错 ERROR in ./js/ww.js from UglifyJs Unexpected token keyword «function», expected punc «,» [src/page/ww/view/xx/xx.vue:119,0][./js/ww.js:55218,17]

    找了好多解决办法 你可以试着将babel-loader的exclude注释掉,然后看能否打包成功.如果可以,那就是这个问题.你只需要在vue.config.js中配置transpileDependen ...

  4. node 报错:Uncaught Error: Cannot find module "!!../../../node_modules/extract-webpack-plugin/loader.js

    问题出在缺少less和less-loader  因为以上模块使用了less解析. 解决方法在dependencies添加 "less": "^2.7.1", & ...

  5. webpack 打包后 Uncaught SyntaxError: Unexpected token <

    问题描述:npm run dev 没报错.是可以正常运行的, npm run build 过程也没报错, 但是打开dist   index.html  就报错了  错误内容:       解决方法: ...

  6. webpack Error: Cannot find module 'webpack/lib/Chunk' Extract-text-webpack-plugin 分离CSS

    深入浅出webpack 1.5章节使用Extract-text-webpack-plugin分离css 安装插件后打包提示错误 Error: Cannot find module 'webpack/l ...

  7. Error: Cannot find module 'webpack'错误解决

    $ npm install webpack -g $ npm install webpack-cli -g 全局安装webpack $ npm run dev Error: Cannot find m ...

  8. webpack打包理解

    webpack打包理解(将所有依赖文件打包到一个文件中) 由于前端代码变得越来越多,越来越复杂, 纯粹脚本化的代码书写方式已经不能满足工程化得需求. 前端模块被抽象出来, 不仅仅包括js模块, 其它如 ...

  9. 自学 TypeScript 第三天 使用webpack打包 TS 代码

    前言: 大家好啊,昨天介绍了 TS 编译器的配置,但在我们实际开发当中直接使用 TS 编译器去编译代码的情况会有,但没有很多,因为我们在开发大型项目的时候,一般我们都会用到打包工具,也不可能脱离打包工 ...

  10. Webpack 4 : ERROR in Entry module not found: Error: Can't resolve './src'

    ERROR in Entry module not found: Error: Can't resolve './src' in 'E:\ASUS\Documents\VSCode files\Web ...

随机推荐

  1. python3实现url全编码/解码

    最近在学习SQL注入,绕过方法中有编码注入绕过,需要将关键词进行全编码,百度了一下没有找到全编码工具,所有的编码工具里"and"编码完还是"and",于是查了一 ...

  2. HBuilder X在4K显示器怎么设置HBuilderX窗口本身的字体大小

    在使用HBuilder X编辑器的时候,使用笔记本自身的显示器,编辑器窗口本身的字体大小都正好,但是将HBuilder X编辑器用在外接显示器(高清)或者4K显示器上的时候,就不行了.怎么解决呢? 在 ...

  3. 根据Uri,Cursor没有获取到对应的属性

    Android: 背景:调用摄像头,拍摄视频,指定保存的地址,但是返回的Cursor文件,只有名称和大小的属性,没有其他诸如时长,连ID属性都没有 使用 cursor.getInt(cursor.ge ...

  4. Unity 配置 SQLite

    原Github仓库链接: https://github.com/robertohuertasm/SQLite4Unity3d?tab=readme-ov-file All you have to do ...

  5. Goby 漏洞发布|(CVE-2024-45195)Apache OFBiz /viewdatafile 代码执行漏洞【已复现】

    漏洞名称:Apache OFBiz /viewdatafile 代码执行漏洞(CVE-2024-45195) English Name:Apache OFBiz /viewdatafile Code ...

  6. C# 泛型对象和DataTable之间的相互转换

    应用场景 实际开发场景下会经常出现DataTable和List对象需要相互转换的时候,通过方法提取避免重复造轮子 List转换成DataTable 基本思路: 向DataTable里面添加新的数据内容 ...

  7. CSP初赛知识点:Linux 系统

    CSP初赛知识点:Linux 系统 前言 近年 CSP 初赛几乎前 5 道选择题都有一两道有关 Linux 系统的使用,所以作为备战 CSP-J/S 2024 的资料,整理下来啦. 祝各位今年所有考试 ...

  8. [OI] 容斥原理拓展

    10.容斥原理拓展 10.1 二项式反演 \[P.10.1(1) \] 设 \(U=\{S_1,S_2,S_3...S_n\}\),且任意 \(i\) 个元素的交集都相等 定义 \(g(x)\) 为 ...

  9. 浏览器中生成 OSS 令牌 | Web Crypto API

    笔者写文章的时候,都会把图片通过自己搭建的一个简单站点 https://imgbed.sugarat.top/ 把图片上传到各种云的对象存储服务(OSS)上. 然后通过CDN访问,保证图片有可靠的访问 ...

  10. urb中几个函数的使用

    usb_buffer_alloc(free) 说是为了更好的从名字看出这个函数真实做的事情:DMA coherency linux提供两种方式,来保证使用dma时,内存和硬件cache的一致性: us ...