vue2.0 vue-devtools成功安装打开的时候一片空白 5C

图片说明
我测试过我另一个自己开发的项目是有内容的,但是不知道为什么这个项目没有,这个项目是上一个同事的
下面看下我的项目内容
图片说明

3个回答

2.0不需要安装东西引入JS即可new出vue

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue2.0<router-link @click.native='事件'>怎么满足条件跳转
vue2.0 <router-link @click.native='事件'> 添加点击事件调用ajax 返回数据 怎么根据 返回的值 进行判断 在进行跳转 最好有详细的代码
Vue.js 使用element-ui 做走马灯,图片一直显示不出来
``` <template> <div id="app" class="block"> <span class="demonstration">Click 指示器触发</span> <el-carousel trigger="click" height="300px"> <el-carousel-item v-for="(img,index) in imgList" :key="index"> <img v-bind:src="img.url"> </el-carousel-item> </el-carousel> </div> </template> ``` 代码一直都是拷贝官网的,url也一直能得到,但是图片打死获取不到,不涉及动态资源图片就是本地的几张图片![图片说明](https://img-ask.csdn.net/upload/201803/12/1520817865_289812.jpg)
mockjs依赖版本为^1.0.1 和 ^1.0.1-beta3, 请问这连两个版本有什么区别?
vue-cli安装的mockjs依赖版本为^1.0.1, 在项目,main.js中引入后出现#app的内容消失的问题 ! 卸载后手动安装^1.0.1-beta3后正常显示内容, 请问这两个版本有什么区别?
Vue2.0使用ElementUI的组件报错
问题截图: ![图片说明](https://img-ask.csdn.net/upload/201903/29/1553828313_461442.png) 问题描述: 编译工具webstorm,使用npm命令 dev运行项目报错。 搭建过程: 按照官方教程执行了 1.使用命令安装element组件 ``` npm i element-ui -S ``` 2.安装babel组件 ``` npm install babel-plugin-component -S ``` 3.main.js引用 ``` import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.config.productionTip = false Vue.use(ElementUI); ``` 4.页面中使用element组件 ``` <template> <div>2</div> <el-row> <el-button>默认按钮</el-button> <el-button type="primary">主要按钮</el-button> <el-button type="success">成功按钮</el-button> <el-button type="info">信息按钮</el-button> <el-button type="warning">警告按钮</el-button> <el-button type="danger">危险按钮</el-button> </el-row> </template> ``` .babelrc文件修改后报错,es2015,安装后无法使用,还原成系统默认配置。 以下为相关文件的具体内容: package.json ``` { "name": "vuetest3", "version": "1.0.0", "description": "A Vue.js project", "author": "811204266@qq.com <123456>", "private": true, "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "unit": "jest --config test/unit/jest.conf.js --coverage", "e2e": "node test/e2e/runner.js", "test": "npm run unit && npm run e2e", "lint": "eslint --ext .js,.vue src test/unit test/e2e/specs", "build": "node build/build.js" }, "dependencies": { "axios": "^0.18.0", "babel-polyfill": "^6.26.0", "vue": "^2.5.2", "vue-router": "^3.0.1" }, "devDependencies": { "autoprefixer": "^7.1.2", "babel-core": "^6.22.1", "babel-eslint": "^8.2.1", "babel-helper-vue-jsx-merge-props": "^2.0.3", "babel-jest": "^21.0.2", "babel-loader": "^7.1.1", "babel-plugin-component": "^1.1.1", "babel-plugin-dynamic-import-node": "^1.2.0", "babel-plugin-syntax-jsx": "^6.18.0", "babel-plugin-transform-es2015-modules-commonjs": "^6.26.0", "babel-plugin-transform-runtime": "^6.22.0", "babel-plugin-transform-vue-jsx": "^3.5.0", "babel-preset-env": "^1.3.2", "babel-preset-es2015": "^6.24.1", "babel-preset-stage-2": "^6.22.0", "babel-register": "^6.22.0", "chalk": "^2.0.1", "chromedriver": "^2.27.2", "copy-webpack-plugin": "^4.0.1", "cross-spawn": "^5.0.1", "css-loader": "^0.28.0", "eslint": "^4.15.0", "eslint-config-standard": "^10.2.1", "eslint-friendly-formatter": "^3.0.0", "eslint-loader": "^1.7.1", "eslint-plugin-import": "^2.7.0", "eslint-plugin-node": "^5.2.0", "eslint-plugin-promise": "^3.4.0", "eslint-plugin-standard": "^3.0.1", "eslint-plugin-vue": "^4.0.0", "extract-text-webpack-plugin": "^3.0.0", "file-loader": "^1.1.4", "friendly-errors-webpack-plugin": "^1.6.1", "html-webpack-plugin": "^2.30.1", "jest": "^22.0.4", "jest-serializer-vue": "^0.3.0", "nightwatch": "^0.9.12", "node-notifier": "^5.1.2", "optimize-css-assets-webpack-plugin": "^3.2.0", "ora": "^1.2.0", "portfinder": "^1.0.13", "postcss-import": "^11.0.0", "postcss-loader": "^2.0.8", "postcss-url": "^7.2.1", "rimraf": "^2.6.0", "selenium-server": "^3.0.1", "semver": "^5.3.0", "shelljs": "^0.7.6", "uglifyjs-webpack-plugin": "^1.1.1", "url-loader": "^0.5.8", "vue-jest": "^1.0.2", "vue-loader": "^13.3.0", "vue-style-loader": "^3.0.1", "vue-template-compiler": "^2.5.2", "webpack": "^3.6.0", "webpack-bundle-analyzer": "^2.9.0", "webpack-dev-server": "^2.9.1", "webpack-merge": "^4.1.0" }, "engines": { "node": ">= 6.0.0", "npm": ">= 3.0.0" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ] } ``` 页面文件home.vue ``` <template> <div>2</div> <el-row> <el-button>默认按钮</el-button> <el-button type="primary">主要按钮</el-button> <el-button type="success">成功按钮</el-button> <el-button type="info">信息按钮</el-button> <el-button type="warning">警告按钮</el-button> <el-button type="danger">危险按钮</el-button> </el-row> </template> <script> export default { name: 'home', data () { return { msg: 'Welcome to Your Vue.js App' } } } </script> <style scoped> </style> ``` main.js ``` // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App' import router from './router' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.config.productionTip = false Vue.use(ElementUI); /* eslint-disable no-new */ new Vue({ el: '#app', router, components: { App }, template: '<App/>' }) ``` router/index.js ``` import Vue from 'vue' import Router from 'vue-router' import Home from '@/page/Home' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'Home', component: Home } ] }) ```
vue2.0 vue-scroller
求一个vue中使用scroller的例子,为什么我的不能上拉,拉了还会回弹,还有一个页面有tab切换的时候需要一个scroller包括,还是几个tab分成几个
APP.vue挂载<router-view/>报错?
我在写项目的时候遇到APP.vue里面写入路由视图<router-view/>的时候浏览器报错问题。 bug在下图; ![图片说明](https://img-ask.csdn.net/upload/201905/04/1556963634_654090.jpg) 首先是把导航部分引入APP.vue ; 显示正常; ------ ![图片说明](https://img-ask.csdn.net/upload/201905/04/1556963751_341738.png) --- 路由配置 ↑↑↑↑ ![图片说明](https://img-ask.csdn.net/upload/201905/04/1556964063_563035.jpg) ----- 主体组件引入APP.vue ↑↑↑↑ ![图片说明](https://img-ask.csdn.net/upload/201905/04/1556964228_656490.png) --- APP.vue写入<router-view> 报错!!!!!!!!!!!! ![图片说明](https://img-ask.csdn.net/upload/201905/04/1556964337_506965.png) Vue经验比较少,恳求大家帮忙协助,万分感谢,万分感谢,万分感谢;
TypeError: Cannot read property '_normalized' of undefined 大家有遇到這個問題嘛
vue-router.esm.js?fe87:944 Uncaught (in promise) TypeError: Cannot read property '_normalized' of undefined at normalizeLocation (vue-router.esm.js?fe87:944) at Object.match (vue-router.esm.js?fe87:1454) at VueRouter.match (vue-router.esm.js?fe87:2694) at HashHistory.transitionTo (vue-router.esm.js?fe87:2033) at HashHistory.replace (vue-router.esm.js?fe87:2475) at eval (vue-router.esm.js?fe87:2792) at new Promise (<anonymous>) at VueRouter.replace (vue-router.esm.js?fe87:2791) at VueComponent.itemClick (TabBarItem.vue?2363:23) at invokeWithErrorHandling (vue.runtime.esm.js?ff9b:1854)
Vue中在<a-menu-item>下使用<router-link>报"Cannot read property '_normalized' of undefined"?
``` vue.esm.js?efeb:1897 TypeError: Cannot read property '_normalized' of undefined at normalizeLocation (vue-router.esm.js?fe87:1295) at VueRouter.resolve (vue-router.esm.js?fe87:2622) at VueComponent.render (vue-router.esm.js?fe87:423) at VueComponent.Vue._render (vue.esm.js?efeb:3551) at VueComponent.updateComponent (vue.esm.js?efeb:4069) at Watcher.get (vue.esm.js?efeb:4482) at new Watcher (vue.esm.js?efeb:4471) at mountComponent (vue.esm.js?efeb:4076) at VueComponent.Vue.$mount (vue.esm.js?efeb:9057) at VueComponent.Vue.$mount (vue.esm.js?efeb:11953) ```
vue-cli3.0使用prerender-spa-plugin插件预渲染时 publicpath的配置问题
按照网上搜寻到的办法 配置预渲染 : **vue.config.js**: ``` // 这三项一定要有,因为下面configureWebpack中用到了 const PrerenderSPAPlugin = require('prerender-spa-plugin'); const Renderer = PrerenderSPAPlugin.PuppeteerRenderer; const path = require('path'); module.exports = { // 预渲染关键配置 configureWebpack: () => { if (process.env.NODE_ENV !== 'production') return; return { plugins: [ new PrerenderSPAPlugin({ // 生成文件的路径,也可以与webpakc打包的一致。 // 下面这句话非常重要!!! // 这个目录只能有一级,如果目录层次大于一级,在生成的时候不会有任何错误提示,在预渲染的时候只会卡着不动。 staticDir: path.join(__dirname, 'dist'), // 对应自己的路由文件,如果有参数需要写具体参数,比如/a/:id需要写/a/123456 routes: ['/', '/about'], // 这个很重要,如果没有配置这段,也不会进行预编译 renderer: new Renderer({ inject: { foo: 'bar' }, headless: false, // 在 main.js 中 document.dispatchEvent(new Event('render-event')),两者的事件名称要对应上。 renderAfterDocumentEvent: 'render-event' }) }) ] }; } }; ``` 修改成自己的: 1.添加 ``` publicPath: process.env.NODE_ENV === 'production' ? '/fish/' : '/', outputDir: 'fish', ``` 2.修改: ``` staticDir: path.join(__dirname, 'fish'), ``` 最终修改后**vue.config.js**: ``` // 这三项一定要有,因为下面configureWebpack中用到了 const PrerenderSPAPlugin = require('prerender-spa-plugin'); const Renderer = PrerenderSPAPlugin.PuppeteerRenderer; const path = require('path'); module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/fish/' : '/', outputDir: 'fish', // 预渲染关键配置 configureWebpack: () => { if (process.env.NODE_ENV !== 'production') return; return { plugins: [ new PrerenderSPAPlugin({ // 生成文件的路径,也可以与webpakc打包的一致。 // 下面这句话非常重要!!! // 这个目录只能有一级,如果目录层次大于一级,在生成的时候不会有任何错误提示,在预渲染的时候只会卡着不动。 staticDir: path.join(__dirname, 'fish'), // 对应自己的路由文件,如果有参数需要写具体参数,比如/a/:id需要写/a/123456 routes: ['/', '/about'], // 这个很重要,如果没有配置这段,也不会进行预编译 renderer: new Renderer({ inject: { foo: 'bar' }, headless: false, // 在 main.js 中 document.dispatchEvent(new Event('render-event')),两者的事件名称要对应上。 renderAfterDocumentEvent: 'render-event' }) }) ] }; } }; ``` 3.问题出现: 配置了publicPath后,进行打包编译时就会一直卡住不动,编译时弹出的浏览器一直白屏 控制台报两行看不懂的错: ![图片说明](https://img-ask.csdn.net/upload/201909/29/1569727333_173612.png) 求教如何正确配置 publicPath
vue2.0 Invalid prop:错误
<yd-rate v-model="rate4" size="18px" ></yd-rate> export default{ data (){ return{ rate4:0, } },created:function(){ this. getEGMark(); } },methods:{ getEGMark:function(){ var params={ openid:'', num:this.$route.params.num } this.$api.get(this.$host+'hrtEGMark/gethrtEGMark',params,r=>{ this.rate4=r.map.grade; }) } } 更改rate4的值页面显示是正常从服务端传过来的值但是控制台会报错 vue.esm.js?65d7:571 [Vue warn]: Invalid prop: custom validator check failed for prop "value". found in ---> <YdRate> <YdFlexboxItem> <YdFlexbox> <HrtCourseDetail> at src\components\hrtCourseDetail.vue <App> at s
Vue项目兼容IE浏览器 使用babel-preset-env后依然无效
如题,使用babel-preset-env配置后 进行 run build 打包编译,打包后的代码 如 箭头函数,let 依然没有转为ES5语法,导致IE浏览器报错 报错如图(IE10): ![图片说明](https://img-ask.csdn.net/upload/201912/16/1576490114_823601.png) ![图片说明](https://img-ask.csdn.net/upload/201912/16/1576490159_725227.png) 以下是babel-preset-env相关配置: //babel.config.js: --- ``` javascript const plugins = []; if (['production', 'prod'].includes(process.env.NODE_ENV)) { plugins.push("transform-remove-console") } module.exports = { presets: [ [ "@vue/app", { "useBuiltIns": "entry", polyfills: [ 'es6.promise', 'es6.symbol' ] } ] ], plugins: plugins }; ``` //.babelrc --- ```javascript { "presets": [ "@babel/preset-env" ], "plugins": [ "@babel/plugin-transform-runtime" ] } ``` //Vue.config.js --- ```javascript module.exports = { transpileDependencies: ['webpack-dev-server/client'], publicPath: process.env.NODE_ENV === 'production' ? '/cdss/' : '/', outputDir: 'cdss', assetsDir: 'static', chainWebpack: config => { config.entry.app = ['babel-polyfill', './src/main.js']; } }; ``` //main.js --- ```javascript import '@babel/polyfill'; //第一行 import Es6Promise from 'es6-promise' Es6Promise.polyfill(); //...其他常规配置 ``` //package.json --- ```json //...其他常规配置 "browserslist": [ "> 1%", "last 2 versions", "ie <=8" ] ``` 难道是哪儿配置有问题吗?怎么改都不行 [这是我看的教程帖](https://blog.csdn.net/qq_42767631/article/details/91352267 "Vue-cli3 项目在安卓低版本系统和 IE 上白屏问题解决").
vue启动 cannot get 怎么解决,进来看看
浏览器打印如下: Refused to load the image 'http://localhost:8082/favicon.ico' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback. localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found) 请问怎么解决 补充,应该是下面的原因引起的,启动时候会报这些错: error in ./src/views/auditmgr/systemreport/component/TimeReport.vue Module build failed: ValidationError: CSS Loader Invalid Options options should NOT have additional properties at validateOptions (D:\yunxiazi-portal-ui\node_modules\schema-utils\src\validateOptions.js:32:11) at Object.loader (D:\yunxiazi-portal-ui\node_modules\css-loader\dist\index.js:44:28) @ ./~/vue-style-loader!./~/css-loader/dist/cjs.js?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-53530556","scoped":false,"hasInlineConfig":false}!./~/less-loader/dist/cjs.js?{"sourceMap":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/views/auditmgr/systemreport/component/TimeReport.vue 4:14-436 13:3-17:5 14:22-444 @ ./src/views/auditmgr/systemreport/component/TimeReport.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/views/auditmgr/opsreport/component/OpsReportBase.vue @ ./src/views/auditmgr/opsreport/component/OpsReportBase.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/views/auditmgr/opsreport/child/OpsTime.vue @ ./src/views/auditmgr/opsreport/child/OpsTime.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/views/auditmgr/opsreport/OpsReport.vue @ ./src/views/auditmgr/opsreport/OpsReport.vue @ ./src/router/index.js @ ./src/main.js @ multi ./build/dev-client ./src/main.js error in ./src/components/tabs/YabTabBar.vue Module build failed: ValidationError: CSS Loader Invalid Options options should NOT have additional properties at validateOptions (D:\yunxiazi-portal-ui\node_modules\schema-utils\src\validateOptions.js:32:11) at Object.loader (D:\yunxiazi-portal-ui\node_modules\css-loader\dist\index.js:44:28) @ ./~/vue-style-loader!./~/css-loader/dist/cjs.js?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-6d0be1e9","scoped":false,"hasInlineConfig":false}!./~/less-loader/dist/cjs.js?{"sourceMap":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/tabs/YabTabBar.vue 4:14-411 13:3-17:5 14:22-419 @ ./src/components/tabs/YabTabBar.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/tabs/YabTabNav.vue @ ./src/components/tabs/YabTabNav.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/tabs/YabTab.vue @ ./src/components/tabs/YabTab.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/proxy/record/sidebar/RecordSidebar.vue @ ./src/proxy/record/sidebar/RecordSidebar.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/proxy/Record.vue @ ./src/proxy/Record.vue @ ./src/proxy/record.js @ multi ./build/dev-client ./src/proxy/record.js error in ./src/proxy/connect/sidebar/dialog/SidebarNetdiskFileUploadDialog.vue Module build failed: ValidationError: CSS Loader Invalid Options options should NOT have additional properties at validateOptions (D:\yunxiazi-portal-ui\node_modules\schema-utils\src\validateOptions.js:32:11) at Object.loader (D:\yunxiazi-portal-ui\node_modules\css-loader\dist\index.js:44:28) @ ./~/vue-style-loader!./~/css-loader/dist/cjs.js?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-1423437a","scoped":false,"hasInlineConfig":false}!./~/less-loader/dist/cjs.js?{"sourceMap":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/proxy/connect/sidebar/dialog/SidebarNetdiskFileUploadDialog.vue 4:14-456 13:3-17:5 14:22-464 @ ./src/proxy/connect/sidebar/dialog/SidebarNetdiskFileUploadDialog.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/proxy/connect/sidebar/children/SidebarFileManageBtns.vue @ ./src/proxy/connect/sidebar/children/SidebarFileManageBtns.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/proxy/connect/sidebar/children/SidebarFileList.vue @ ./src/proxy/connect/sidebar/children/SidebarFileList.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/proxy/connect/sidebar/GuacClientSidebar.vue @ ./src/proxy/connect/sidebar/GuacClientSidebar.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/proxy/Connect.vue @ ./src/proxy/Connect.vue @ ./src/proxy/connect.js @ multi ./build/dev-client ./src/proxy/connect.js error in ./src/proxy/connect/sidebar/dialog/SidebarFileSaveNetdiskDialog.vue Module build failed: ValidationError: CSS Loader Invalid Options options should NOT have additional properties at validateOptions (D:\yunxiazi-portal-ui\node_modules\schema-utils\src\validateOptions.js:32:11) at Object.loader (D:\yunxiazi-portal-ui\node_modules\css-loader\dist\index.js:44:28) @ ./~/vue-style-loader!./~/css-loader/dist/cjs.js?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-5ab1ea24","scoped":false,"hasInlineConfig":false}!./~/less-loader/dist/cjs.js?{"sourceMap":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/proxy/connect/sidebar/dialog/SidebarFileSaveNetdiskDialog.vue 4:14-454 13:3-17:5 14:22-462 @ ./src/proxy/connect/sidebar/dialog/SidebarFileSaveNetdiskDialog.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/proxy/connect/sidebar/children/SidebarFileManageBtns.vue @ ./src/proxy/connect/sidebar/children/SidebarFileManageBtns.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/proxy/connect/sidebar/children/SidebarFileList.vue @ ./src/proxy/connect/sidebar/children/SidebarFileList.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/proxy/connect/sidebar/GuacClientSidebar.vue @ ./src/proxy/connect/sidebar/GuacClientSidebar.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/proxy/Connect.vue @ ./src/proxy/Connect.vue @ ./src/proxy/connect.js @ multi ./build/dev-client ./src/proxy/connect.js error in ./src/components/yab-transfer-ex/yab-transfer-new/transfer-panel.vue Module build failed: ValidationError: CSS Loader Invalid Options options should NOT have additional properties at validateOptions (D:\yunxiazi-portal-ui\node_modules\schema-utils\src\validateOptions.js:32:11) at Object.loader (D:\yunxiazi-portal-ui\node_modules\css-loader\dist\index.js:44:28) @ ./~/vue-style-loader!./~/css-loader/dist/cjs.js?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7156e841","scoped":false,"hasInlineConfig":false}!./~/less-loader/dist/cjs.js?{"sourceMap":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/yab-transfer-ex/yab-transfer-new/transfer-panel.vue 4:14-428 13:3-17:5 14:22-436 @ ./src/components/yab-transfer-ex/yab-transfer-new/transfer-panel.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/yab-transfer-ex/yab-transfer-new/main.vue @ ./src/components/yab-transfer-ex/yab-transfer-new/main.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/yab-transfer-ex/yab-transfer-ex.vue @ ./src/components/yab-transfer-ex/yab-transfer-ex.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/views/workorder/opsworkorder/dialog/opsWorkOrderAccountEdit.vue @ ./src/views/workorder/opsworkorder/dialog/opsWorkOrderAccountEdit.vue @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/views/workorder/opsworkorder/OpsWorkOrderDetail.vue @ ./src/views/workorder/opsworkorder/OpsWorkOrderDetail.vue @ ./src/router/index.js @ ./src/main.js @ multi ./build/dev-client ./src/main.js error in ./src/proxy/connect/sidebar/children/SidebarDialogBreadcrumb.vue Module build failed: ValidationError: CSS Loader Invalid Options options should NOT have additional properties
如何修改vue2.0定界符避免冲突
1.0中的Vue.config.delimiters在2.0中废弃了,怎么在2.0中自定义定界符
webstrome创建项目是只有package.json和yarn-error.log两个文件
我用webstrome创建项目,应该会有public和src等目录的。但是现在创建出错了 <br> <br> yarn-error.log中的信息 ```node Arguments: /usr/local/Cellar/node/12.6.0/bin/node /usr/local/Cellar/yarn/1.17.3/libexec/bin/yarn.js --registry=https://registry.npm.taobao.org PATH: /Users/zhangmeng/WebstormProjects/untitled3/node_modules/.bin:/Users/zhangmeng/WebstormProjects/node_modules/.bin:/Users/zhangmeng/node_modules/.bin:/Users/node_modules/.bin:/node_modules/.bin:/usr/local/Cellar/node/12.6.0/bin:/Users/zhangmeng/.npm/_npx/22924/bin:/usr/local/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Library/Apple/usr/bin:/Library/Apple/bin:/Users/zhangmeng/apache-maven-3.6.1/bin Yarn version: 1.17.3 Node version: 12.6.0 Platform: darwin x64 Trace: Error: https://registry.npm.taobao.org/@vue%2fcli-plugin-babel: Invalid URI "https://registry.npm.taobao.org/@vue%2fcli-plugin-babel" at Request.module.exports.Request.init (/usr/local/Cellar/yarn/1.17.3/libexec/lib/cli.js:140552:31) at new Request (/usr/local/Cellar/yarn/1.17.3/libexec/lib/cli.js:140406:8) at request (/usr/local/Cellar/yarn/1.17.3/libexec/lib/cli.js:137312:10) at RequestManager.execute (/usr/local/Cellar/yarn/1.17.3/libexec/lib/cli.js:66882:15) at RequestManager.shiftQueue (/usr/local/Cellar/yarn/1.17.3/libexec/lib/cli.js:66920:10) at /usr/local/Cellar/yarn/1.17.3/libexec/lib/cli.js:66599:13 at new Promise (<anonymous>) at new F (/usr/local/Cellar/yarn/1.17.3/libexec/lib/cli.js:5296:28) at RequestManager.request (/usr/local/Cellar/yarn/1.17.3/libexec/lib/cli.js:66597:19) at NpmRegistry.<anonymous> (/usr/local/Cellar/yarn/1.17.3/libexec/lib/cli.js:31694:42) npm manifest: { "name": "untitled3", "version": "0.1.0", "private": true, "devDependencies": { "@vue/cli-plugin-babel": "^4.0.0", "@vue/cli-plugin-eslint": "^4.0.0", "@vue/cli-service": "^4.0.0" } } yarn manifest: No manifest Lockfile: No lockfile ``` 还有就是创建时会出现cue-cli不能更新,啥的。 ![图片说明](https://img-ask.csdn.net/upload/201910/28/1572266299_129622.png) <br> 求助
vue2.0 项目中引入一个只能选择年月的日期控件
vue2.0项目中 需求:只能选择年月的日期控件,可以返回年月值,有直接例子最好!感谢!
vue-validator表单验证,一直报错无法解决,请高手给指点一下?
**错误信息是** [Web浏览器] "Uncaught ReferenceError: module is not defined" https://cdn.bootcss.com/vue-validator/3.0.0-alpha.2/vue-validator.common.min.js (1) [Web浏览器] "TypeError: Cannot read property 'required' of undefined" /HelloHBuilder/js/vue.min.js (6) 下面是源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js" type="text/javascript" charset="utf-8"></script> <script src="https://cdn.bootcss.com/vue-validator/3.0.0-alpha.2/vue-validator.min.js" type="text/javascript" charset="utf-8"></script> <script src="https://cdn.bootcss.com/vue-validator/3.0.0-alpha.2/vue-validator.common.min.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> <validator name="validation"> <form novalidate> ID: <input type="text" id="sname" v-validate:sname="['required']"><br /> <div> <span v-if="$validation.sname.required">必填</span> </div> </form> </validator> </div> <script type="text/javascript"> new Vue({ el: '#app' }); </script> </body> </html>
vue如何为多页面项目配置自己的404页面以及自定义链接
不知道vue的多页面应用是否可以自己配置404页面?项目中暂时没有使用到vue-router,不知道是否需要,当前是通过目录去索引的。 目录结果如下: ``` |---__build # 配置文件 |---src |---assets # 静态资源,图片、样式等 |---components # 各个页面模块 |---pages # 一级目录 |---Home |---index.html |---index.scss |---index.js |---Detail |---detail.html |---index.scss |---index.js |---stores # vue-store |---package.json ``` 目前没有地方找到多页面可以配置404页面的方案,现在的页面索引都是通过目录直接索引到页面的,有两个问题想请大神请教: ①:当输入错误的链接,即不存的目录或文件名时,自定义一个404页面,这样vue的router或者别的啥是可以实现的吗? ②:有些详情页,我想把页面链接,比如Detail文件夹下的detail.html页面,配置为Detail/detail/id/238308320.htm,就是后面加了自定义的一些值的样式,vue是可以设置成这样的吗? 不知道有没有表述清楚问题,望大神指点
解決vue.runtime.esm.js:619 [Vue warn]: Failed to resolve directive: waves
vue.runtime.esm.js:619 [Vue warn]: Failed to resolve directive: waves ``` <script> import waves from '@/components/directive/waves' export default { components: { Pagination }, directives: { waves } ...... } </script> ```
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
有哪些让程序员受益终生的建议
从业五年多,辗转两个大厂,出过书,创过业,从技术小白成长为基层管理,联合几个业内大牛回答下这个问题,希望能帮到大家,记得帮我点赞哦。 敲黑板!!!读了这篇文章,你将知道如何才能进大厂,如何实现财务自由,如何在工作中游刃有余,这篇文章很长,但绝对是精品,记得帮我点赞哦!!!! 一腔肺腑之言,能看进去多少,就看你自己了!!! 目录: 在校生篇: 为什么要尽量进大厂? 如何选择语言及方...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
英特尔不为人知的 B 面
从 PC 时代至今,众人只知在 CPU、GPU、XPU、制程、工艺等战场中,英特尔在与同行硬件芯片制造商们的竞争中杀出重围,且在不断的成长进化中,成为全球知名的半导体公司。殊不知,在「刚硬」的背后,英特尔「柔性」的软件早已经做到了全方位的支持与支撑,并持续发挥独特的生态价值,推动产业合作共赢。 而对于这一不知人知的 B 面,很多人将其称之为英特尔隐形的翅膀,虽低调,但是影响力却不容小觑。 那么,在...
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
白话阿里巴巴Java开发手册高级篇
不久前,阿里巴巴发布了《阿里巴巴Java开发手册》,总结了阿里巴巴内部实际项目开发过程中开发人员应该遵守的研发流程规范,这些流程规范在一定程度上能够保证最终的项目交付质量,通过在时间中总结模式,并推广给广大开发人员,来避免研发人员在实践中容易犯的错误,确保最终在大规模协作的项目中达成既定目标。 无独有偶,笔者去年在公司里负责升级和制定研发流程、设计模板、设计标准、代码标准等规范,并在实际工作中进行...
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
redis分布式锁,面试官请随便问,我都会
文章有点长并且绕,先来个图片缓冲下! 前言 现在的业务场景越来越复杂,使用的架构也就越来越复杂,分布式、高并发已经是业务要求的常态。像腾讯系的不少服务,还有CDN优化、异地多备份等处理。 说到分布式,就必然涉及到分布式锁的概念,如何保证不同机器不同线程的分布式锁同步呢? 实现要点 互斥性,同一时刻,智能有一个客户端持有锁。 防止死锁发生,如果持有锁的客户端崩溃没有主动释放锁,也要保证锁可以正常释...
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
Python 编程开发 实用经验和技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法和技巧,包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等,会持续更新......
YouTube排名第一的励志英文演讲《Dream(梦想)》
Idon’t know what that dream is that you have, I don't care how disappointing it might have been as you've been working toward that dream,but that dream that you’re holding in your mind, that it’s po...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
Java世界最常用的工具类库
Apache Commons Apache Commons有很多子项目 Google Guava 参考博客
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
相关热词 c#选择结构应用基本算法 c# 收到udp包后回包 c#oracle 头文件 c# 序列化对象 自定义 c# tcp 心跳 c# ice连接服务端 c# md5 解密 c# 文字导航控件 c#注册dll文件 c#安装.net
立即提问