vue webpack4升级:npm run dev不报错，但是在浏览器打开，控制台报错

最新推荐文章于 2023-04-13 17:00:45 发布
最新推荐文章于 2023-04-13 17:00:45 发布
阅读量645 收藏 1
点赞数 3
分类专栏： webpack 文章标签： BaseClient.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/friend_ship/article/details/103895813
版权

BaseClient.js?e917:12  Cannot assign to read only property 'exports' of object '#<Object>' 

npm run dev不报错，但是在浏览器打开，控制台报错,报错信息如下：

报错原因，webpack4之后，不允许混用exports和import，解决方案修改webpack.base.conf.js：

friend_ship
关注
专栏目录
vue项目初始化时npm run dev报错webpack-dev-server解决方法
weixin_45459904的博客
12-17 7708
原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好 webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低 （1）、npm uninstall webpack-dev-server （2）、npm install webpack-dev-server@2.9.1 （3）、npm run dev 如何执行npm uninstall webpack-dev-server 也报错的话只能用下面方法了 原因是你的node_mod
多方案解决VUE项目控制台报错：net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!
weixin_52485890的博客
07-15 6965
一行代码解决VUE项目控制台报错：net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!
Webpack4自行配置辅助的小玩儿意（npm run dev后自动打开浏览器+Less配置+Css加前缀+使用import引入可不用加后缀）...
weixin_30485379的博客
04-10 235
一．npm run dev后自动打开浏览器 1. cnpm i open-browser-webpack-plugin --save 2.修改confit\webpack.dev.conf.js文件。 在顶部声明最下面加入： var OpenBrowserPlugin = require('open-browser-webpack-plugin') 3.在plugins中加入： ...
下载webpack插件：webpack-dev-server 后运行npm run dev 不报错 但页面运行无效果
最新发布
m0_66778036的博客
04-13 484
解决：在html中引入。
umi dev 启动不报错也无效果无反应（黑马ES6新特性之转码器）
weixin_44939472的博客
09-19 2140
解决办法：在index.js开头加上 export default ()=><div></div>; 问题描述：umi dev启动时页面什么都没显示 如下图 解决问题过程：跟着黑马ES6新特性之转码器视频做的，在umi g page index 创建index.css和index.js后，把创建出来的index.js里的内容全删了复制了自己的代码进去（视频里也删了） 之后umi dev启动时页面什么都没显示以为转码失败了，但视频里是能正常显示的，所以之后疯狂查百度尝试
npm run dev失败的解决办法
weixin_52136304的博客
03-26 8743
尝试诸多方法后，终于解决了！
JS错误：Cannot assign to read only property exports of object Object
咻咻ing的专栏
02-17 1835
今天更新了一下JavaScript依赖库，结果碰到莫名的错误，页面加载不出来，错误信息： Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' at Module.eval (BaseClient.js?e917:12) at eval (Base...
关于vue的npm run dev和npm run build的区别介绍
10-17
总结来说，`npm run dev`和`npm run build`在Vue项目中分别用于开发阶段的实时预览和生产环境的代码构建，它们利用webpack和相关中间件实现了开发效率和生产性能之间的平衡。开发者通过这两个命令，可以快速地进行...
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
10-14
在开发Vue项目时，遇到IE11浏览器白屏并报出`SCRIPT1002: 语法错误`的问题，通常是由于IE11不支持ES6语法导致的。Vue.js自身和许多现代JavaScript库广泛使用了ES6特性，而IE11并不完全支持这些新特性。以下是一些...
vue-webpack4-template:使用Webpack 4的VueJs模板
05-14
vue-webpack4-template 使用Webpack 4的VueJs模板...使用Jest进行测试要调试测试，首先需要在Google Chrome上打开chrome:inspect ，然后单击“打开专用于Node的DevTools”，然后从控制台运行命令npm run test:debug 。
没有webpack.config.js如何配置less ？？
01-08
首先我们最新创建的项目；无论是vue或者react项目，你都找不到webpack.config.js，甚至没有原来的build文件夹，那我们如何配置less或者jq这种插件呢？接下来进入正题 配置less 1.安装less less-loader  打开我们的项目目录，打开CMD终端，安装命令如下 yarn add less less-loader 或者 npm install less less-loader 2.git commit一下 git add . git commit -m 'xx' 3. yarn eject生成config目录及你想要的webpack.config.js 在
详解vuejs中执行npm run dev出现页面cannot GET/问题
11-21
在Vue.js项目开发过程中，使用`npm run dev`启动开发服务器时，有时会遇到"Cannot GET/"的问题。这个问题通常与项目配置，特别是与Webpack配置和路由设置有关。下面我们将深入探讨这个问题及其解决方案。 首先，...
vue 运行项目浏览器页面显示“该网页无法正常运作”
zuo-yiran的博客
06-18 3498
项目运行成功并自动弹出 但是页面上显示： 确定问题： 检查build/webpack.dev.conf.js文件中是否存在下面代码： disableHostCheck: true, https: true, 如果有的话，确定一下是否用的https进行的访问，如果用https进行访问进行信任后，出现以下页面： 则需要把鼠标在空白处点击，输入： thisisunsafe 相当于告诉谷歌这个是不安全的即可正常打开页面进行访问。 ......
vue-cli中webpack配置之webpack.base.conf.js
wo_ai_ni___的博客
11-24 2587
配置内容 var path = require('path') var utils = require('./utils') var config = require('../config') var vueLoaderConfig = require('./vue-loader.conf') // 获取根目录 function resolve(dir) { return path.join(__dirname, '..', dir) } module.exports = { /...
【问题记录】Uncaught TypeError: Cannot assign to read only property 'exports' of object '
Kuroko's Development Notes
01-07 1万+
1、问题描述 项目之前正常的路由配置是这样的：   2、路由配置说明 第一种做法： 每个页面模块目录通过一个 index.js 主入口来导出（module.exports）对应的vue文件，然后 router.js 中通过 require 方法去引入资源。 这一做法是没毛病的，因为这是组织（webpack 2）允许的。 第二种做法： 如果好好的require不用，非要用 i...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#[Object]‘的解决方法
热门推荐
_夜渐凉
11-06 2万+
发现问题 1，运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目，报错 由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^...^）才找到原因 -v- 2，点开错误的文件，标注错误的地方是这样的一段代码： 就是 module.exports;  解决方法 3，同过谷歌查找，和论坛各种搜索: 原因如下： The code above...
Vue项目打包部署到服务器（Linux）
真的以为的博客
10-29 6514
一、打包（build） npm run build也可以 打包完成后项目路径会多出一个dist文件夹 到这里本地的打包完成了 然后到服务器 二、服务器配置（nginx） 注：如果已经有nginx环境了的话直接到第6小步 1、查看gcc版本 gcc -v 没有的话安装 yum -y install gcc 2、pcre、pcre-devel安装 pcre是一个perl库，包括perl兼容的正则表达式库，nginx的http模块使用pcre来解析正则表达式，所以需要安装pcre库。 yum install
解决vue-router按需加载component: () => import()报错
这种写法更简洁，但可能会遇到npm run dev时控制台报`SyntaxError: Unexpected token`的错误，原因在于Babel不支持动态导入（dynamic import）的语法。为了解决这个问题，需要安装Babel的一个插件——`babel-plugin-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值