项目install成功,但是最后出现如下提示:
found 133 vulnerabilities (3 low, 73 moderate, 52 high, 5 critical)
run `npm audit fix` to fix them, or `npm audit` for details
我并没有在意,随记运行npm run serve,即将成功时命令行工具出现报错如下:
i 「wds」: webpack output is served from /bu/
i 「wds」: Content not from webpack is served from C:\Users\wlianghz\WebstormProjects\cdc-vue\cdc-vue-bu\public
i 「wds」: 404s will fallback to /index.html
50% building modules 334/343 modules 9 active …s\cdc-vue\cdc-vue-bu\src\store\
index.js(node:14884) UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function
at createWebpackLessPlugin (C:\Users\wlianghz\WebstormProjects\cdc-vue\cdc-vue-bu\node_modules\less-loader\dist\utils.js:36:33)
at getLessOptions (C:\Users\wlianghz\WebstormProjects\cdc-vue\cdc-vue-bu\node_modules\less-loader\dist\utils.js:153:33)
at Object.lessLoader (C:\Users\wlianghz\WebstormProjects\cdc-vue\cdc-vue-bu\node_modules\less-loader\dist\index.js:31:49)
at LOADER_EXECUTION (C:\Users\wlianghz\WebstormProjects\cdc-vue\cdc-vue-bu\node_modules\loader-runner\lib\LoaderRunner.js:119:14)
以为是less-loader版本问题,或者webpack版本问题,但是切换版本后仍然一直报错,尝试各种方法无果,我都差点以为是电脑配置的问题
最后灵机一动,想到了install成功时的提示,然后又仔细看了后,运行了其中建议的命令:
npm audit fix
结束后运行项目的启动命令:
npm run serve
终于成功啦,啦啦啦
注意:这个解决过程耗费了我6个小时,主要因为被错误提示干扰,解决方向不对。所以,眼睛看到的并不一定就是真的。没有头绪时只能不断尝试,多思考前后因果和关联关系,不要放过任何一个细节。但是,切忌盲目更换依赖版本或者安装无关依赖,加油加油
我们接着前面的文章webpack源码解析二继续往下探索webpack的配置,demo的github地址:https://github.com/913453448/webpack-demo.git。
DevServer
webpack的devServer配置主要是针对webpack/**webpack-dev-server跟webpack/webpack-dev-middleware**的配置,因为webpack-dev-server依赖webpack-dev-middleware。
我们首先在我们的因
方法一:打包之后npm run build放到服务器上之后刷新会报404怎么解决啊
如果你是 iview + vue 的项目 请到src/route/index.js 把mode: 'history' 注释掉 再重新打包
其他纯 vue-cli 项目的 直接找到mode: 'history' 对应的文件,一样 注释掉 再重新打包
方法二:当然,如果不想要很丑的 hash,我们可以用路由的h...
Please pick a preset:
zcloud (router, vuex, less, babel, eslint, unit-jest)
default (babel, eslint)
* Manually select features
# 选择需要的功能
? Ple
Electron: 使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架
Vue.js: Web 前端用于构建用户界面的渐进式框架
Vuetify: Vue.js 的 Material Design 组件框架
看完以上介绍,也明白了本文要做的事:用 Vue.js 与 Vuetify 组件,基于 Electron 来创建原生桌面应用。
Visual Studio Code
Node.js
Vue CLI
创建 Vue.js 应用
添加 Vuet.
首先,要有一个使用@vue-cli打包的Vue.js项目,参考:https://blog.csdn.net/Z_ammo/article/details/103915494
根据package.json的设置:
// 截取package.json
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-...
Project is running at ...
webpack output is served from
Content not from webpack is served from ...
404s will fallback to /
Starting the development server...
网上的说法很多,但是经笔者亲身经历之后,发现其实是电脑本身配置的问题,下面列出具体的修改方案:
1.右击我的电脑 ==>...
这个错误通常是由于缺少必要的依赖或者证书问题引起的。你可以尝试以下几种解决方法:
1. 确保你的 Node.js 版本符合项目要求,并且已经正确安装了依赖。你可以使用 `node -v` 命令检查 Node.js 版本,并使用 `npm install` 命令重新安装依赖。
2. 如果你使用的是 Windows 操作系统,尝试以管理员身份运行命令提示符或终端窗口,然后再次运行 `npm run serve` 命令。
3. 检查你的证书配置是否正确。有时候,一些网络安全软件或代理服务器可能会干扰证书的加载。你可以尝试在项目根目录下的 `vue.config.js` 文件中添加以下配置来禁用 HTTPS:
```javascript
module.exports = {
devServer: {
https: false
并在运行 `npm run serve` 命令之前删除 `node_modules/.cache` 目录,然后重新安装依赖。
如果以上方法都没有解决问题,那么可能是其他原因引起的。你可以提供更多的错误信息,以便我能够更准确地帮助你解决问题。