运行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. 【Python自动化】之运用Git+jenkins集成来运行展示pytest+allure测试报告

    目录: 一.安装allure 二.生成allure报告 三.结合jenkins来集成pytest+allure 四.结合Git集成Jenkins+Pytest+Allure测试报告 五.附录 一.安装 ...

  2. 【Python】之操作鼠标键盘,上传文件,并支持中文

    Mac系统实现操作键盘 Python中模拟键盘和鼠标最著名的模块是:pymouse和pykeyboard.一次安装两个模块比较麻烦,而有一个库整合了这两个模块,而且能支持跨平台操作,这个库叫PyUse ...

  3. 浅谈下javascript的proxy和reflect

    近日喜欢上了uniapp和vue,但看到相关程序代码中频繁出现了proxy和reflect的使用,于是进行了一番学习,现总结如下. Proxy和Reflect是ES6(ECMAScript 2015) ...

  4. 淘宝订单信息获取接口,淘宝开放平台R2权限,淘宝开放平台订单获取接口

    目前淘宝开放平台是关闭了订单权限申请的,有这方便的需求的人,除非是天猫用户才能申请(天猫用户申请到只能给自己天猫店授权),否则是申请不到这个订单接口了,如果有这方面需要的人可以联系我,站内信留下QQ或 ...

  5. .NET 多版本兼容的精美 WinForm UI控件库

    前言 有粉丝小伙伴在后台留言咨询有没有WinForm 控件库推荐,现在就给安排上. .NET 平台进行 Windows 应用程序开发的我们来说,找一个既美观又实用的 WinForm UI 控件库至关重 ...

  6. 论文阅读翻译之Deep reinforcement learning from human preferences

    论文阅读翻译之Deep reinforcement learning from human preferences 关于 首次发表日期:2024-09-11 论文原文链接:https://arxiv. ...

  7. pytorch中LSTM各参数理解

    nn.LSTM(input_dim,hidden_dim,nums_layer,batch_first) 各参数理解: input_dim:输入的张量维度,表示自变量特征数 hidden_dim:输出 ...

  8. std::stod:“123.456”-> 123.456

    std::stod 是 C++ 标准库中一个用于将字符串转换为 double 类型的函数.它属于 <string> 头文件中的函数,通常用于将包含数字的字符串转换为相应的浮点数值. 函数原 ...

  9. USB TCPM

    USB TCPM(Type-C Port Manager)的主要作用是管理 USB Type-C 端口的连接和电源传输协议(USB Power Delivery, PD),确保设备正确识别.协商和切换 ...

  10. Android Perfetto 系列 2:Perfetto Trace 抓取

    使用 Perfetto 分析问题跟使用 Systrace 分析问题的步骤是一样的: 首先你需要抓取 Perfetto 文件 在ui.perfetto.dev 中打开 Trace 文件进行分析或者使用命 ...