http://localhost/:8081&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

原创 已于 2023-11-15 15:46:36 修改 · 525 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webpack #javascript #前端

于 2023-11-15 15:43:43 首次发布

@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/workingGroup/installation.vue?vue&type=script&lang=js 166:0-24 283:22-26
 @ ./src/views/workingGroup/installation.vue?vue&type=script&lang=js
 @ ./src/views/workingGroup/installation.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://172.18.56.162:8081&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

原因：由于项目当中加入了MQTT，MQTT版本过高而导致

解决方法：安装一个低版本的

npm install --save mqtt@5.0.4

vue项目启动_highcharts_sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main---SpringCloud工作笔记203
添柴程序猿的专栏
04-16 609
解决方法就是,去一个可以运行的正常的node_modules文件夹中把这个文件夹copy过来,覆盖掉,或者把这个文件删除,然后去web storm中的终端的位置,然后执行:npm install。先说一下解决方法:其实就是:highcharts这个插件有问题,这个插件损坏了,应该是由于。这个错误是我在ruoyi-ui项目中,执行npm run dev的时候报错的信息.网络不好,导致有些文件下载了一半出现了故障.网上找的解决方法都不对,所以要记录一下。再重新下载保证网络没问题就可以了.
vue项目报GET http://192.168.32.105:8080/sockjs-node/info?t=1623033929802 net::ERR_CONNECTION_TIMED_OUT
Debug的博客
06-07 8997
平时在写vue项目的时候经常会遇到这个问题，写着写着浏览器就会突然抛出下面这个报错（这个报错无关紧要，不影响开发，一般不要管他，有强迫症的小伙伴往下看） 网上找到的原因是因为sockjs-node库创建了一个低延迟、全双工的浏览器和web服务器之间通信通道，当我们在项目运行的时候会自动调用这个接口，如果没有使用，就会一直报这个错误（企业中跟后端联调之后就不会有这个报错了） 解决方法： 1.在项目中打开node_modules包并找到/sockjs-client/dist/sockjs.js文件 .
node-sass版本过高
HELLOWORLD!
10-27 1000
INFO Starting development server... 98% after emitting CopyPlugin ERROR Failed to compile with 2 errors ..
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
weixin_44860425的博客
12-06 1万+
百度了很多次 大多数都要让运行命令 npm install babel-plugin-transform-vue-jsx --save-dev 可是对我来说还是不行 所以就有了一下方法 原本的文件名 .babelrc { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] .
vue运行报错 ./src/main.js in multi (webpack)-dev-server/client?...
qq_52971866的博客
09-07 1万+
这里entry的正确路径是根据当前项目路径来写的，我这边的路径是："examples/main.js"，不是"src/main.js"这是vue.config下的webpack的路径错了。
* ./src/main.js in multi (webpack)-dev-server/client?http://192.168.110.44:8080&sockPath=/sockjs-no de (webpack)/hot/dev-server.js ./src/main.js
06-10
Webpack Dev Server 的配置可以通过两种方式进行设置：通过 `webpack.config.js` 文件中的 `devServer` 属性[^1]，或者通过直接调用 `WebpackDevServer` API。如果选择后者，`devServer` 中的选项将被忽略，所有配置...
@ multi (webpack)-dev-server/client?http://localhost:9527&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js error in ./src/App.vue Syntax Error: TypeError: Cannot read properties of undefined (reading 'parseComponent')
04-24
嗯，用户遇到了在使用webpack-dev-server时，App.vue文件出现Syntax Error: TypeError: Cannot read properties of undefined (reading 'parseComponent')的问题。我需要先理解这个错误的原因。根据错误信息，'...
Failed to compile. multi (webpack)-dev-server/client?http://localhost:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js Module not found: Error: Can't resolve './src/main.js' in 'E:\bise\javabise\基于springboot vue电影管理系统\1891springboot v
06-27
我们正在解决webpack-dev-server编译时找不到'./src/main.js'模块的问题。根据错误信息，这通常是因为webpack的入口配置问题或文件路径错误导致的。参考引用[1]中的错误信息：ERRORin./src/index.jsModulenotfound:...
in ./src/components/views/GlodLabel/goldLabelImport/main.vue?vue&type=template&id=0b3e94d6&scoped=true&ts=true Syntax Error: Error: Codegen node is missing for element/if/for node. Apply appropriate transforms first. @ ./src/components/views/GlodLabel/goldLabelImport/main.vue?vue&type=template&id=0b3e94d6&scoped=true&ts=true 1:0-458 1:0-458 @ ./src/components/views/GlodLabel/goldLabelImport/main.vue @ ./src/pages/goldLabel/goldLabelImport/main.ts @ multi (webpack)-dev-server/client?http://localhost:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/pages/goldLabel/goldLabelImport/main.ts
09-18
-- ./src/components/views/GlodLabel/goldLabelImport/main.vue --> <div class="import-panel"> 黄金标签导入</h2> <input v-model="fileName" placeholder="输入文件名" /> <button @click="handleImport">...
PS D:\All-Project\pointlion-ui\pointlion-ui> npm run dev > jscm@3.8.3 dev > vue-cli-service serve INFO Starting development server... 98% after emitting CopyPlugin WARNING Compiled with 10 warnings 15:19:24 warning in ./src/views/wms/wmsGoods/selectMulGoodsStock.vue?vue&type=style&index=0&id=6369911e&scoped=true&lang=scss Module Warning (from ./node_modules/postcss-loader/src/index.js): Warning (4:3) start value has mixed support, consider using flex-start instead @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/wms/wmsGoods/selectMulGoodsStock.vue?vue&type=style&index=0&id=6369911e&scoped=true&lang=scss 4:14-509 15:3-20:5 16:22-517 @ ./src/views/wms/wmsGoods/selectMulGoodsStock.vue?vue&type=style&index=0&id=6369911e&scoped=true&lang=scss @ ./src/views/wms/wmsGoods/selectMulGoodsStock.vue @ ./src/views sync ^\.\/.*$ @ ./src/store/modules/permission.js @ ./src/store/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js warning in ./src/views/am/amBrowse/index.vue?vue&type=template&id=d81b321c&scoped=true Module Warning (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) <el-breadcrumb-item v-for="bread in breadList">: component lists rendered with v-for should have explicit keys. See https://v2.vuejs.org/v2/guide/list.html#key for more info. @ ./src/views/am/amBrowse/index.vue?vue&type=template&id=d81b321c&scoped=true 1:0-545 1:0-545 @ ./src/views/am/amBrowse/index.vue @ ./src/views sync ^\.\/.*$ @ ./src/store/modules/permission.js @ ./src/store/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js warning in ./src/views/hrm/socialInsncData/index.vue?vue&type=template&id=4f54c0ed&scoped=true Module Warning (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) <el-card v-for="month in dataList">: component lists rendered with v-for should have explicit keys. See https://v2.vuejs.org/v2/guide/list.html#key for more info. @ ./src/views/hrm/socialInsncData/index.vue?vue&type=template&id=4f54c0ed&scoped=true 1:0-545 1:0-545 @ ./src/views/hrm/socialInsncData/index.vue @ ./src/views sync ^\.\/.*$ @ ./src/store/modules/permission.js @ ./src/store/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js warning in ./src/views/hrm/salaryData/index.vue?vue&type=template&id=2edaa11d Module Warning (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) <el-col v-for="item in type.salaryItemConfigList">: component lists rendered with v-for should have explicit keys. See https://v2.vuejs.org/v2/guide/list.html#key for more info. @ ./src/views/hrm/salaryData/index.vue?vue&type=template&id=2edaa11d 1:0-533 1:0-533 @ ./src/views/hrm/salaryData/index.vue @ ./src/views sync ^\.\/.*$ @ ./src/store/modules/permission.js @ ./src/store/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js warning in ./src/views/hrm/staffEvaluate/index.vue?vue&type=template&id=4ae0f374&scoped=true Module Warning (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) <el-form-item v-for="item in dict.type.staff_evaluate_item">: component lists rendered with v-for should have explicit keys. See https://v2.vuejs.org/v2/guide/list.html#key for more info. @ ./src/views/hrm/staffEvaluate/index.vue?vue&type=template&id=4ae0f374&scoped=true 1:0-545 1:0-545 @ ./src/views/hrm/staffEvaluate/index.vue @ ./src/views sync ^\.\/.*$ @ ./src/store/modules/permission.js @ ./src/store/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js warning in ./src/views/hrm/salaryData/index.vue?vue&type=template&id=2edaa11d Module Warning (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) <el-table-column v-for="item in type.salaryItemConfigList">: component lists rendered with v-for should have explicit keys. See https://v2.vuejs.org/v2/guide/list.html#key for more info. @ ./src/views/hrm/salaryData/index.vue?vue&type=template&id=2edaa11d 1:0-533 1:0-533 @ ./src/views/hrm/salaryData/index.vue @ ./src/views sync ^\.\/.*$ @ ./src/store/modules/permission.js @ ./src/store/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js warning in ./src/views/hrm/salaryData/index.vue?vue&type=template&id=2edaa11d Module Warning (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) <el-table-column v-for="type in salaryConfigList">: component lists rendered with v-for should have explicit keys. See https://v2.vuejs.org/v2/guide/list.html#key for more info. @ ./src/views/hrm/salaryData/index.vue?vue&type=template&id=2edaa11d 1:0-533 1:0-533 @ ./src/views/hrm/salaryData/index.vue @ ./src/views sync ^\.\/.*$ @ ./src/store/modules/permission.js @ ./src/store/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js warning in ./src/views/am/amArchive/index.vue?vue&type=template&id=40c5f930 Module Warning (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) <el-tag v-for="item in (scope.row.groupId?scope.row.groupId.split(','):[])">: component lists rendered with v-for should have explicit keys. See https://v2.vuejs.org/v2/guide/list.html#key for more info. @ ./src/views/am/amArchive/index.vue?vue&type=template&id=40c5f930 1:0-533 1:0-533 @ ./src/views/am/amArchive/index.vue @ ./src/views sync ^\.\/.*$ @ ./src/store/modules/permission.js @ ./src/store/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js warning in ./src/views/workflow/flow/flowinfoTimeLine.vue?vue&type=template&id=0e1dc530&scoped=true Module Warning (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) <el-timeline-item v-for="item in hisList">: component lists rendered with v-for should have explicit keys. See https://v2.vuejs.org/v2/guide/list.html#key for more info. @ ./src/views/workflow/flow/flowinfoTimeLine.vue?vue&type=template&id=0e1dc530&scoped=true 1:0-556 1:0-556 @ ./src/views/workflow/flow/flowinfoTimeLine.vue @ ./src/views sync ^\.\/.*$ @ ./src/store/modules/permission.js @ ./src/store/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js warning in ./src/views/im/pointlion-chat/iconfont/demo_index.html Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > <!DOCTYPE html> | <html> | <head> @ ./src/views sync ^\.\/.*$ @ ./src/store/modules/permission.js @ ./src/store/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js App running at: - Local: http://localhost:81/ - Network: unavailable Note that the development build is not optimized. To create a production build, run npm run build. node:events:491 throw er; // Unhandled 'error' event ^ Error: spawn cmd ENOENT at Process.ChildProcess._handle.onexit (node:internal/child_process:285:19) at onErrorNT (node:internal/child_process:485:16) at processTicksAndRejections (node:internal/process/task_queues:83:21) Emitted 'error' event on ChildProcess instance at: at Process.ChildProcess._handle.onexit (node:internal/child_process:291:12) at onErrorNT (node:internal/child_process:485:16) at processTicksAndRejections (node:internal/process/task_queues:83:21) { errno: -4058, code: 'ENOENT', syscall: 'spawn cmd', path: 'cmd', spawnargs: [ '/c', 'start', '""', '/b', 'http://localhost:81/' ] } PS D:\All-Project\pointlion-ui\pointlion-ui>
最新发布
10-28
Node.js 执行： ```js spawn('cmd', ['/c', 'start', '""', '/b', 'http://localhost:81/']) ``` 但找不到 `cmd.exe`，通常是因为： - 系统 PATH 被破坏 - 安全软件拦截 - 权限不足 ### ✅ 解决方案： #### 方法一...
./src/main.js in multi (webpack)-dev-server/client?http://10.104.208.197:8081/sockjs-node...
热门推荐
zsy_1991的博客
12-23 5万+
前情 想要看@vue/cli创建的项目和普通npm install 的项目区别，故将@vue/cli 创建的项目除了App.vue,main.js和package.json三个文件之外的其他文件删除，该三个文件在同一个目录下。然后使用npm install安装依赖，然后使用npm run serve命令启动本地开发环境，报如下错误： $ npm run serve vue-cli-service ...
vuecli启动的服务器位置,webpack – 在vue cli 3生成的项目中启动dev服务器
weixin_29103603的博客
08-11 727
我使用npm i -g @ vue / cli在我的Windows系统上全局安装了vue cli 3.然后我使用vue create vue-project生成了一个项目我通过提示选择了所需的插件.这创造了一个vue-projject起泡器.然后我将目录更改为该文件夹并运行npm run serve命令.但我得到以下错误PS E:\rk\workspace\vue-project> npm ...
webpack-dev-server的配置
weixin_33890499的博客
06-22 318
# webpack中webpack-dev-server的配置实现功能 首先是用npm下载npm install webpack-dev-server --save-dev 打开webpack.config.js添加配置信息，需要修改output，添加devServer、plugins //这里要在output中写绝对路径 ... output:{ path:'l...
❤ npm 报错This relative module was not found: * ./src/main.js in multi (webpack)-dev-server/client?
林太白
03-15 1万+
最好的解决办法就是删除最外层的node_modules文件和package-lock.json文件，删除后重新npm install 并npm run dev运行。问题解决，项目可以正常运行。还一个可能是所使用的编辑器造成的，当更改了文件目录或者文件名后，编辑器会聪明的把一些认为有关联的路径也一并修改了。手动把文件路径写错了外。
@ multi (webpack)-dev-serverclienthttplocalhost8080 webpackhotdev-server .srcmain.js
编程不良人
03-11 1897
百度了很多次 大多数都要让运行命令 npm install babel-plugin-transform-vue-jsx --save-dev 可是对我来说还是不行 所以就有了以下方法 原本的文件名 .babelrc { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] .
webpack-dev-server 配置以及webpack教程
weixin_40254430的博客
02-09 5053
webpack是什么? 一开始我也不理解? 看了许多文档都是在扯淡，摞了一大堆,点子却没说到。当然我说的可能也不对，希望诸位取其精华，去其糟粕。 因为包括官方文档，虽然翻译说的是人话，但是你却找不出一点点有用的有效的信息。 至于其他人的就是罗里吧嗦一大堆。写这个，就是想说，这玩意其实很简单。包括在php上，就是php的blade指令。不过php是直接略过了。压根没当回事。是因为什么被搞复杂了。是因为每个人的思维不透明。才造成交流沟通的困难。我这里写这个就是希望可以帮助到大家。 webpack其实就两个关.
Vue-node运行报错--- @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-
weixin_45605654的博客
07-31 1万+
Vue-node运行报错— @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js 如果说不是软件安装错误，之前项目可以运行，然而这次报错，运行报错和运行界面是 @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/ho
webpack
m0_44973790的博客
04-20 313
1.webpack是什么？ webpack是一个前端资源加载/打包工具，他根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生产对应的静态资源 可以将多种静态资源js、css、less转换成一个静态文件，减少页面的的请求 进行重新夹杂编译，实际就是讲浏览器不认识的语法编译成浏览器认识的语法，比如：将less编译成css，ES6转成ES5等 减少io请求，通常我们请求，会返回一个HTML到浏览器，，就会发现在HTML页面通过script，link等标签引用的静态资源，浏览器会再次发出请求获取
ERROR in multi (webpack)-dev-server/client?http://localhost:8080 ./src Module not found: Error: C...
weixin_40664145的博客
11-14 2万+
目录出错现象报错信息出错原因解决方案 出错现象 这个错误是我在用vue-cli中使用webpack打包的时候，进行环境分离操作，将webpack.config.js分成三个包 webpack.common.js webpack.dev.js webpack.prod.js 之后启动npm run serve（也就是webpack-dev-server --open）的时候报的错误，package.json文件是下面这样 "scripts": { "serve": "webpack-dev-ser
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值