npm问题'Path must be a string

app@1.0.0 dev D:\work\qk\app
node build/dev-server.js

[HPM] Proxy created: /api -> http://xxx.xxx.x.xxx
[HPM] Proxy rewrite rule created: "^/api" ~> "/api"
path.js:7
throw new TypeError('Path must be a string. Received ' + inspect(path));
^

TypeError: Path must be a string. Received undefined
at assertPath (path.js:7:11)
at Object.join (path.js:1211:7)
at Object. (D:\work\qk\app\build\dev-server.js:57:29)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3)
at Function.Module.runMain (module.js:575:10)
at startup (node.js:160:18)
at node.js:449:3

npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "dev"
npm ERR! node v6.2.0
npm ERR! npm v3.8.9
npm ERR! code ELIFECYCLE
npm ERR! app@1.0.0 dev: node build/dev-server.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the app@1.0.0 dev script 'node build/dev-server.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the app package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node build/dev-server.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs app
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls app
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! D:\work\qk\app\npm-debug.log

1个回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
刚开始学习react用creact-react-app脚手架建一个项目,npm start却跑不起来
还没加自己的代码,就建好项目,npm start就报错,重新install过也不行,重复步骤,新建过两三个项目,都是在这里出问题,网上说的环境变量啥的也配过,求解![图片说明](https://img-ask.csdn.net/upload/202002/15/1581754149_691888.png)
npm start : npm ERR! code ELIFECYCLE
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! DYWL@0.0.3 start: `node node_modules/react-native/local-cli/cli.js start` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the DYWL@0.0.3 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! E:\software\Node\node_cache\_logs\2019-11-28T05_26_03_049Z-debug.log 运行npm start 报错 按照网上找到的资料 卸载完之后重新安装还是不行 请各路大神赐教.![图片说明](https://img-ask.csdn.net/upload/201911/28/1574919020_342811.png)
vue-element-admin 中npm install 急等!我的git环境变量也配置了 dos 输入git也没问题 真是玄学!
npm ERR! path git npm ERR! code ENOENT npm ERR! errno ENOENT npm ERR! syscall spawn git npm ERR! enoent Error while executing: npm ERR! enoent undefined ls-remote -h -t ssh://git@github.com/sohee-lee7/Squire.git npm ERR! enoent npm ERR! enoent npm ERR! enoent spawn git ENOENT npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in:
node安装之后,npm -v执行报错
* ![图片说明](https://img-ask.csdn.net/upload/202001/21/1579589799_983292.png) 存在的问题:node -v 执行成功,说明不是环境变量的问题,卸载重装也试过,注册表也清过,c盘的用户文件也删除过,进入npm所在的目录,进行命令行,执行npm -v 也是报相同的错误。
npm 安装任何模块都报错
npm ERR! code ERR_INVALID_ARG_TYPE npm ERR! The "ca" argument must be one of type string, Buffer, TypedArray, or DataView npm ERR! A complete log of this run can be found in: npm ERR! /home/wusiqi/.npm/_logs/2017-09-02T14_21_36_949Z-debug.log 上面提示的.log内容如下: 0 info it worked if it ends with ok 1 verbose cli [ '/usr/local/bin/node', 1 verbose cli '/usr/local/bin/npm', 1 verbose cli 'install', 1 verbose cli 'webpack', 1 verbose cli 'gulp', 1 verbose cli '-g' ] 2 info using npm@5.3.0 3 info using node@v9.0.0-pre 4 verbose npm-session 6974fb1697ebe308 5 silly install loadCurrentTree 6 silly install readGlobalPackageData 7 silly fetchPackageMetaData error for webpack@latest The "ca" argument must be one of type string, Buffer, TypedArray, or DataView 8 silly fetchPackageMetaData error for gulp@latest The "ca" argument must be one of type string, Buffer, TypedArray, or DataView 9 verbose stack TypeError [ERR_INVALID_ARG_TYPE]: The "ca" argument must be one of type string, Buffer, TypedArray, or DataView 9 verbose stack at validateKeyCert (_tls_common.js:58:11) 9 verbose stack at Object.createSecureContext (_tls_common.js:91:7) 9 verbose stack at Object.exports.connect (_tls_wrap.js:1049:48) 9 verbose stack at HttpsAgent.createConnection (https.js:111:22) 9 verbose stack at HttpsAgent.createSocket (/usr/local/lib/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/agentkeepalive/lib/_http_agent.js:271:26) 9 verbose stack at HttpsAgent.createSocket (/usr/local/lib/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/agentkeepalive/lib/agent.js:77:11) 9 verbose stack at HttpsAgent.addRequest (/usr/local/lib/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/agentkeepalive/lib/_http_agent.js:240:10) 9 verbose stack at new ClientRequest (_http_client.js:271:16) 9 verbose stack at Object.request (http.js:39:10) 9 verbose stack at request (https.js:239:15) 9 verbose stack at fetch.Promise (/usr/local/lib/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/node-fetch-npm/src/index.js:54:17) 9 verbose stack at Promise (<anonymous>) 9 verbose stack at fetch (/usr/local/lib/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/node_modules/node-fetch-npm/src/index.js:41:10) 9 verbose stack at retry (/usr/local/lib/node_modules/npm/node_modules/pacote/node_modules/make-fetch-happen/index.js:317:14) 9 verbose stack at /usr/local/lib/node_modules/npm/node_modules/pacote/node_modules/promise-retry/index.js:29:24 9 verbose stack at <anonymous> 10 verbose cwd /home/wusiqi/desk/study/music_box 11 verbose Linux 4.2.0-42-generic 12 verbose argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "webpack" "gulp" "-g" 13 verbose node v9.0.0-pre 14 verbose npm v5.3.0 15 error code ERR_INVALID_ARG_TYPE 16 error The "ca" argument must be one of type string, Buffer, TypedArray, or DataView 17 verbose exit [ 1, true ]
Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 11.x
``` error in ./src/components/ChartCard.vue?vue&type=style&index=0&id=d2662de4&lang=scss&scoped=true& Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Error: Missing binding C:\Users\xzit1\Desktop\temp-springboot\frontinterface\ant-design-vue-jeecg\node_modules\node-sass\vendor\win32-x64-67\binding.node Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 11.x Found bindings for the following environments: - Windows 64-bit with Node.js 11.x This usually happens because your environment has changed since running `npm install`. Run `npm rebuild node-sass` to download the binding for your current environment. at module.exports (C:\Users\xzit1\Desktop\temp-springboot\frontinterface\ant-design-vue-jeecg\node_modules\node-sass\lib\binding.js:15:13) at Object.<anonymous> (C:\Users\xzit1\Desktop\temp-springboot\frontinterface\ant-design-vue-jeecg\node_modules\node-sass\lib\index.js:14:35) at Module._compile (internal/modules/cjs/loader.js:723:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:734:10) at Module.load (internal/modules/cjs/loader.js:620:32) at tryModuleLoad (internal/modules/cjs/loader.js:560:12) at Function.Module._load (internal/modules/cjs/loader.js:552:3) ```
html中只要存在一段注释的代码 就不能使用npm build,太奇怪了
![图片说明](https://img-ask.csdn.net/upload/202002/10/1581307414_655285.png) 错误提示: ![图片说明](https://img-ask.csdn.net/upload/202002/10/1581307455_795222.png)
idea中 debug启动 npm 启动后一两分钟自动关闭
前后端分离项目,前端使用nodejs、npm 前端代码使用npm run dev执行 debug项目可以正常启动,访问也没问题,但是一段时间后会自动退出。 Process finished with exit code 1 run执行项目可以正常启动,长时间也不会退出。
使用npm下载任何文件都报错,报错如下
D:\cumputer\Node_js\day_3_3>npm install --save jquery npm WARN tarball tarball data for jquery@latest (sha1-lYzinoHJeQ8xvneS311NlfxX+8o=) seems to be corrupted. Trying one more time. npm WARN cumputer@1.0.0 No description npm WARN cumputer@1.0.0 No repository field. npm ERR! path D:\cumputer\node_modules\.staging\jquery-9ce1137a\dist\jquery.js npm ERR! code EPERM npm ERR! errno -4048 npm ERR! syscall unlink npm ERR! Error: EPERM: operation not permitted, unlink 'D:\cumputer\node_modules\.staging\jquery-9ce1137a\dist\jquery.js' npm ERR! { [Error: EPERM: operation not permitted, unlink 'D:\cumputer\node_modules\.staging\jquery-9ce1137a\dist\jquery.js'] npm ERR! cause: npm ERR! { Error: EPERM: operation not permitted, unlink 'D:\cumputer\node_modules\.staging\jquery-9ce1137a\dist\jquery.js' npm ERR! errno: -4048, npm ERR! code: 'EPERM', npm ERR! syscall: 'unlink', npm ERR! path: npm ERR! 'D:\\cumputer\\node_modules\\.staging\\jquery-9ce1137a\\dist\\jquery.js' }, npm ERR! stack: npm ERR! 'Error: EPERM: operation not permitted, unlink \'D:\\cumputer\\node_modules\\.staging\\jquery-9ce1137a\\dist\\jquery.js \'', npm ERR! errno: -4048, npm ERR! code: 'EPERM', npm ERR! syscall: 'unlink', npm ERR! path: npm ERR! 'D:\\cumputer\\node_modules\\.staging\\jquery-9ce1137a\\dist\\jquery.js', npm ERR! parent: 'cumputer' } npm ERR! npm ERR! The operation was rejected by your operating system. npm ERR! It's possible that the file was already in use (by a text editor or antivirus), npm ERR! or that you lack permissions to access it. npm ERR! npm ERR! If you believe this might be a permissions issue, please double-check the npm ERR! permissions of the file and its containing directories, or try running npm ERR! the command again as root/Administrator (though this is not recommended). npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\22938\AppData\Roaming\npm-cache\_logs\2019-03-03T12_51_08_378Z-debug.log
npm安装一直有问题.查询不了
## 输入node -v正常....但是输入npm -v就出现下面这种情况![输入npm -v出现下面这种情况](https://img-ask.csdn.net/upload/201910/17/1571284739_958966.png) C:\Users\Administrator>npm -v Error: EINVAL: invalid argument, mkdir 'D:\SDE\Node8.9.4\node_globalF:\QQPCmgr\Professional\MSBuild\Microsoft\VisualStudio\NodeJs\node_global' TypeError: Cannot read property 'loaded' of undefined at exit (E:\node\node_modules\npm\lib\utils\error-handler.js:97:27) at errorHandler (E:\node\node_modules\npm\lib\utils\error-handler.js:216:3) at E:\node\node_modules\npm\bin\npm-cli.js:78:20 at cb (E:\node\node_modules\npm\lib\npm.js:225:22) at E:\node\node_modules\npm\lib\npm.js:263:24 at E:\node\node_modules\npm\lib\config\core.js:81:7 at Array.forEach (<anonymous>) at E:\node\node_modules\npm\lib\config\core.js:80:13 at f (E:\node\node_modules\npm\node_modules\once\once.js:25:25) at afterExtras (E:\node\node_modules\npm\lib\config\core.js:171:20) E:\node\node_modules\npm\lib\utils\error-handler.js:97 var doExit = npm.config.loaded ? npm.config.get('_exit') : true ^ TypeError: Cannot read property 'loaded' of undefined at exit (E:\node\node_modules\npm\lib\utils\error-handler.js:97:27) at process.errorHandler (E:\node\node_modules\npm\lib\utils\error-handler.js:216:3) at process.emit (events.js:210:5) at process._fatalException (internal/process/execution.js:150:25) 6.11.3 ## 可能是之前修改默认的全局目录好像位置输入错了....但是不知道怎么改回来
nodejs抓取图片时的问题
最近刚刚学nodejs,在学习中遇到一个难题,当我执行命令运行时报path must be a string.Received undefined 网上找了很多方法都没解决,具体情况如下。 ![图片说明](https://img-ask.csdn.net/upload/201909/06/1567772650_528688.png) 以下是程序代码 index.js ``` const request = require('request'); const path = require('path'); const fs = require('fs'); const config = require('./config'); const analyze = require('./analyze'); function start(){ request(config.url,function(err,res,body){ console.log('start'); if (!err && res) { console.log('start'); analyze.findImg(body,downLoad); } }) } function downLoad(imgUrl,i){ let ext = imgUrl.split('.').pop(); request(imgUrl).piep(fs.createWriteStream(path.join(config.imgDir,i + '.' + ext),{ 'encoding':'utf8' })) console.log(i); } start(); ``` config.js ``` const url = "https://www.neusoft.com/cn/"; const path = require('path'); const imDir = path.join(__dirname,'img'); module.exports.url = url; module.exports.imDir = imDir; ``` analyze.js ``` const cheerio = require('cheerio'); function findImg(dom,callback){ let $ = cheerio.load(dom); $('img').each(function(i,elem){ let imgSrc = $(this).attr('src'); callback(imgSrc,i); }); } module.exports.findImg = findImg; ``` node与npm版本号 ![图片说明](https://img-ask.csdn.net/upload/201909/06/1567773119_186274.png) 用户环境变量配置 ![图片说明](https://img-ask.csdn.net/upload/201909/06/1567773353_594895.png) 系统环境变量配置 ![图片说明](https://img-ask.csdn.net/upload/201909/06/1567773412_481197.png) 项目目录 ![图片说明](https://img-ask.csdn.net/upload/201909/06/1567773508_781627.png) 求大佬帮忙看下,实在没招了,可以的话能把原理说明下更好。
跟着学习vue和npm时对命令的理解出现了问题,求大神解答
就是进行到学习axios的部分,老师是在项目目录打出npm install --save axios,没有问题,我想着以后也还要用,就打的是npm i axios --save -g,npm也有显示下载啊,但是刷新后依然提示缺少axios,npm回复建议输入 npm install --save axios,请问我的命令哪里出问题了,为啥会这样
vue项目不使用cli/npm的情况下怎么打包
vue项目不使用cli/npm的情况下怎么打包,直接在html里写的
npm 打包报错?这咋解决?
![图片说明](https://img-ask.csdn.net/upload/202001/19/1579401695_391169.png)
npm run dev啟動項目時報錯 `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
uotation@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the quotation@1.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. ``` //webpack.dev.conf.js 'use strict' const utils = require('./utils') const webpack = require('webpack') const config = require('../config') const merge = require('webpack-merge') const path = require('path') const baseWebpackConfig = require('./webpack.base.conf') const CopyWebpackPlugin = require('copy-webpack-plugin') const HtmlWebpackPlugin = require('html-webpack-plugin') const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') const portfinder = require('portfinder') const HOST = process.env.HOST const PORT = process.env.PORT && Number(process.env.PORT) const devWebpackConfig = merge(baseWebpackConfig, { module: { rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true }) }, // cheap-module-eval-source-map is faster for development devtool: config.dev.devtool, // these devServer options should be customized in /config/index.js devServer: { clientLogLevel: 'warning', historyApiFallback: { rewrites: [ { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') }, ], }, hot: true, contentBase: false, // since we use CopyWebpackPlugin. compress: true, host: HOST || config.dev.host, port: PORT || config.dev.port, open: config.dev.autoOpenBrowser, overlay: config.dev.errorOverlay ? { warnings: false, errors: true } : false, publicPath: config.dev.assetsPublicPath, proxy: config.dev.proxyTable, quiet: true, // necessary for FriendlyErrorsPlugin watchOptions: { poll: config.dev.poll, } }, plugins: [ new webpack.DefinePlugin({ 'process.env': require('../config/dev.env') }), new webpack.HotModuleReplacementPlugin(), new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update. new webpack.NoEmitOnErrorsPlugin(), // https://github.com/ampedandwired/html-webpack-plugin new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true }), // copy custom static assets new CopyWebpackPlugin([ { from: path.resolve(__dirname, '../static'), to: config.dev.assetsSubDirectory, ignore: ['.*'] } ]) ] }) module.exports = new Promise((resolve, reject) => { portfinder.basePort = process.env.PORT || config.dev.port portfinder.getPort((err, port) => { if (err) { reject(err) } else { // publish the new Port, necessary for e2e tests process.env.PORT = port // add port to devServer config devWebpackConfig.devServer.port = port // Add FriendlyErrorsPlugin devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({ compilationSuccessInfo: { messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`], }, onErrors: config.dev.notifyOnErrors ? utils.createNotifierCallback() : undefined })) resolve(devWebpackConfig) } }) }) ``` ``` //webpack.base.conf.js 'use strict' const path = require('path') const utils = require('./utils') const config = require('../config') const vueLoaderConfig = require('./vue-loader.conf') function resolve (dir) { return path.join(__dirname, '..', dir) } module.exports = { context: path.resolve(__dirname, '../'), entry: { app: './src/main.js' }, output: { path: config.build.assetsRoot, filename: '[name].js', publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath }, resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), } }, module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')] }, { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('img/[name].[hash:7].[ext]') } }, { test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('media/[name].[hash:7].[ext]') } }, { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: utils.assetsPath('fonts/[name].[hash:7].[ext]') } } ] }, node: { // prevent webpack from injecting useless setImmediate polyfill because Vue // source contains it (although only uses it if it's native). setImmediate: false, // prevent webpack from injecting mocks to Node native modules // that does not make sense for the client dgram: 'empty', fs: 'empty', net: 'empty', tls: 'empty', child_process: 'empty' } } ```
Windows下没有Git环境,如何npm install
npm ERR! code ENOGIT npm ERR! Error while executing: npm ERR! undefined ls-remote -h -t ssh://git@github.com/sohee-lee7/Squire.git npm ERR! npm ERR! undefined npm ERR! No git binary found in $PATH npm ERR! npm ERR! Failed using git. npm ERR! Please check if you have git installed and in your PATH. npm ERR! A complete log of this run can be found in:
cmd中运行npm .\src\main.js .\dist\.js出现下面的问题,请问大家怎么解决?
![图片说明](https://img-ask.csdn.net/upload/202001/16/1579141990_547172.png) 百度查了很久,依旧找不到解决方法,请大家帮帮忙。谢谢
运行Vue项目时,报错npm ERR! errno 1 npm ERR! Failed at the single@1.0.0 dev script.
运行Vue项目时,报错,不清楚是哪里出了问题 ``` Error: Cannot find module 'webpack-cli/bin/config-yargs' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15) at Function.Module._load (internal/modules/cjs/loader.js:562:25) at Module.require (internal/modules/cjs/loader.js:690:17) at require (internal/modules/cjs/helpers.js:25:18) at Object.<anonymous> (E:\HBuilderProjects\Vue\single\node_modules\_webpack-dev-server@3.7.1@webpack-dev-server\bin\webpack-dev-server.js:60:1) at Module._compile (internal/modules/cjs/loader.js:776:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10) at Module.load (internal/modules/cjs/loader.js:653:32) at tryModuleLoad (internal/modules/cjs/loader.js:593:12) at Function.Module._load (internal/modules/cjs/loader.js:585:3) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! single@1.0.0 dev: `webpack-dev-server --open --hot --port 8020` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the single@1.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\asus\AppData\Roaming\npm-cache\_logs\2019-06-15T16_43_01_654Z-debug.log ``` ``` ``` 这个是package.json文件 ``` { "name": "single", "version": "1.0.0", "description": "", "main": "main.js", "scripts": { "dev": "webpack-dev-server --open --hot --port 8020" }, "keywords": [], "author": "", "license": "ISC", "dependencies": { "vue": "^2.6.10" }, "devDependencies": { "babel-core": "^6.26.3", "babel-loader": "^8.0.6", "babel-preset-env": "^1.7.0", "css-loader": "^3.0.0", "file-loader": "^4.0.0", "vue-html-loader": "^1.2.4", "vue-loader": "^15.7.0", "vue-style-loader": "^4.1.2", "vue-template-compiler": "^2.6.10", "webpack": "^4.34.0", "webpack-dev-server": "^3.7.1" } } ```
关于Vue中v-for遍历的问题
如图: 使用semanticUI 的tab组件,要实现这个tab切换效果, ![图片说明](https://img-ask.csdn.net/upload/202001/29/1580301878_788972.png) 在静态页面可以切换: 这是原始代码 ``` $('.menu .item').tab(); ---------------------------------- <div class="ui top attached tabular menu"> <a class="active item" data-tab="first">First</a> <a class="item" data-tab="second">Second</a> <a class="item" data-tab="third">Third</a> </div> <div class="ui bottom attached active tab segment" data-tab="first"> First </div> <div class="ui bottom attached tab segment" data-tab="second"> Second </div> <div class="ui bottom attached tab segment" data-tab="third"> Third </div> ``` 我想要实现 的效果是 使用 vue 获取到后台传递过来的tab标签里的分类数据, 点击标签,下方自动切换到对应的div. 自己的代码: ``` <div id="workArea" class="m-container m-padded-tb-big"> <div class="ui top attached tabular menu"> <a v-for="c in categories" class="item" data-tab="first">{{ c.name}}</a> </div> <div class="ui bottom attached active tab segment" data-tab="first"> First </div> </div> ``` 达到这个效果 ![图片说明](https://img-ask.csdn.net/upload/202001/29/1580302472_363102.png) 我想请问一下这个下面的div 要怎么写才能实现这样一个vue切换效果呢 下面是全部代码: ``` <!DOCTYPE html> <html xmlns:th="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <title>工具</title> <link rel="stylesheet" type="text/css" href="../../static/css/me.css" th:href="@{/css/me.css}"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css"> </head> <body style="background: #439B78;"> <div style="height: 20px;"></div> <div id="workArea" class="m-container m-padded-tb-big"> <div class="ui top attached tabular menu"> <a v-for="c in categories" class="active item" data-tab="first">{{ c.name}}</a> </div> <div class="ui bottom attached active tab segment" data-tab="first"> First </div> </div> <script src="../../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script> <script src="../../static/js/vue.min.js" th:src="@{/js/vue.min.js}"></script> <script src="../../static/js/axios.min.js" th:src="@{/js/axios.min.js}"></script> <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script> <script type="text/javascript"> $(function(){ var data1 = { uri: 'forekit', categories: [] }; var vue = new Vue({ el: '#workArea', data: data1, mounted:function(){ this.load(); }, methods:{ load: function() { var url = this.uri; axios.get(url).then(function(response){ vue.categories = response.data; }); } } }); $('.menu .item').tab(); }); </script> </body> </html> ```
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私...
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
Linux(服务器编程):15---两种高效的事件处理模式(reactor模式、proactor模式)
前言 同步I/O模型通常用于实现Reactor模式 异步I/O模型则用于实现Proactor模式 最后我们会使用同步I/O方式模拟出Proactor模式 一、Reactor模式 Reactor模式特点 它要求主线程(I/O处理单元)只负责监听文件描述符上是否有事件发生,有的话就立即将时间通知工作线程(逻辑单元)。除此之外,主线程不做任何其他实质性的工作 读写数据,接受新的连接,以及处...
阿里面试官问我:如何设计秒杀系统?我的回答让他比起大拇指
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图和个人联系方式,欢迎Star和指教 前言 Redis在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在Redis的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸,打败了...
五年程序员记流水账式的自白。
不知觉已中码龄已突破五年,一路走来从起初铁憨憨到现在的十九线程序员,一路成长,虽然不能成为高工,但是也能挡下一面,从15年很火的android开始入坑,走过java、.Net、QT,目前仍处于android和.net交替开发中。 毕业到现在一共就职过两家公司,目前是第二家,公司算是半个创业公司,所以基本上都会身兼多职。比如不光要写代码,还要写软著、软著评测、线上线下客户对接需求收集...
C语言魔塔游戏
很早就很想写这个,今天终于写完了。 游戏截图: 编译环境: VS2017 游戏需要一些图片,如果有想要的或者对游戏有什么看法的可以加我的QQ 2985486630 讨论,如果暂时没有回应,可以在博客下方留言,到时候我会看到。 下面我来介绍一下游戏的主要功能和实现方式 首先是玩家的定义,使用结构体,这个名字是可以自己改变的 struct gamerole { char n...
一文详尽系列之模型评估指标
点击上方“Datawhale”,选择“星标”公众号第一时间获取价值内容在机器学习领域通常会根据实际的业务场景拟定相应的不同的业务指标,针对不同机器学习问题如回归、分类、排...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观...
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外...
压测学习总结(1)——高并发性能指标:QPS、TPS、RT、吞吐量详解
一、QPS,每秒查询 QPS:Queries Per Second意思是“每秒查询率”,是一台服务器每秒能够相应的查询次数,是对一个特定的查询服务器在规定时间内所处理流量多少的衡量标准。互联网中,作为域名系统服务器的机器的性能经常用每秒查询率来衡量。 二、TPS,每秒事务 TPS:是TransactionsPerSecond的缩写,也就是事务数/秒。它是软件测试结果的测量单位。一个事务是指一...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip installselenium -ihttps://pypi.tuna.tsinghua.edu.cn/simple/ ...
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
程序员该看的几部电影
1、骇客帝国(1999) 概念:在线/离线,递归,循环,矩阵等 剧情简介: 不久的将来,网络黑客尼奥对这个看似正常的现实世界产生了怀疑。 他结识了黑客崔妮蒂,并见到了黑客组织的首领墨菲斯。 墨菲斯告诉他,现实世界其实是由一个名叫“母体”的计算机人工智能系统控制,人们就像他们饲养的动物,没有自由和思想,而尼奥就是能够拯救人类的救世主。 可是,救赎之路从来都不会一帆风顺,到底哪里才是真实的世界?如何...
Python绘图,圣诞树,花,爱心 | Turtle篇
每周每日,分享Python实战代码,入门资料,进阶资料,基础语法,爬虫,数据分析,web网站,机器学习,深度学习等等。 公众号回复【进群】沟通交流吧,QQ扫码进群学习吧 微信群 QQ群 1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle()...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
还记得那个提速8倍的IDEA插件吗?VS Code版本也发布啦!!
去年,阿里云发布了本地 IDE 插件 Cloud Toolkit,仅 IntelliJ IDEA 一个平台,就有 15 万以上的开发者进行了下载,体验了一键部署带来的开发便利。时隔一年的今天,阿里云正式发布了 Visual Studio Code 版本,全面覆盖前端开发者,帮助前端实现一键打包部署,让开发提速 8 倍。 VSCode 版本的插件,目前能做到什么? 安装插件之后,开发者可以立即体验...
破14亿,Python分析我国存在哪些人口危机!
一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化(抚养比) 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST70 2、2019年数据没有放上去,可以手动添加上去 3、将数据进行 行列转换 4、列名...
2019年除夕夜的有感而发
天气:小雨(加小雪) 温度:3摄氏度 空气:严重污染(399) 风向:北风 风力:微风 现在是除夕夜晚上十点钟,再有两个小时就要新的一年了; 首先要说的是我没患病,至少现在是没有患病;但是心情确像患了病一样沉重; 现在这个时刻应该大部分家庭都在看春晚吧,或许一家人团团圆圆的坐在一起,或许因为某些特殊原因而不能团圆;但不管是身在何处,身处什么境地,我都想对每一个人说一句:新年快乐! 不知道csdn这...
听说想当黑客的都玩过这个Monyer游戏(1~14攻略)
第零关 进入传送门开始第0关(游戏链接) 请点击链接进入第1关: 连接在左边→ ←连接在右边 看不到啊。。。。(只能看到一堆大佬做完的留名,也能看到菜鸡的我,在后面~~) 直接fn+f12吧 &lt;span&gt;连接在左边→&lt;/span&gt; &lt;a href="first.php"&gt;&lt;/a&gt; &lt;span&gt;←连接在右边&lt;/span&gt; o...
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ...... ...
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!...
2020年的1月,我辞掉了我的第一份工作
其实,这篇文章,我应该早点写的,毕竟现在已经2月份了。不过一些其它原因,或者是我的惰性、还有一些迷茫的念头,让自己迟迟没有试着写一点东西,记录下,或者说是总结下自己前3年的工作上的经历、学习的过程。 我自己知道的,在写自己的博客方面,我的文笔很一般,非技术类的文章不想去写;另外我又是一个还比较热衷于技术的人,而平常复杂一点的东西,如果想写文章写的清楚点,是需要足够...
别低估自己的直觉,也别高估自己的智商
所有群全部吵翻天,朋友圈全部沦陷,公众号疯狂转发。这两周没怎么发原创,只发新闻,可能有人注意到了。我不是懒,是文章写了却没发,因为大家的关注力始终在这次的疫情上面,发了也没人看。当然,我...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。 再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。 下文是原回答,希望能对你能有所启发。 如果我说,这个世界上人真的分三六九等,...
节后首个工作日,企业们集体开晨会让钉钉挂了
By 超神经场景描述:昨天 2 月 3 日,是大部分城市号召远程工作的第一天,全国有接近 2 亿人在家开始远程办公,钉钉上也有超过 1000 万家企业活跃起来。关键词:十一出行 人脸...
Java基础知识点梳理
虽然已经在实际工作中经常与java打交道,但是一直没系统地对java这门语言进行梳理和总结,掌握的知识也比较零散。恰好利用这段时间重新认识下java,并对一些常见的语法和知识点做个总结与回顾,一方面为了加深印象,方便后面查阅,一方面为了掌握好Android打下基础。
2020年全新Java学习路线图,含配套视频,学完即为中级Java程序员!!
新的一年来临,突如其来的疫情打破了平静的生活! 在家的你是否很无聊,如果无聊就来学习吧! 世上只有一种投资只赚不赔,那就是学习!!! 传智播客于2020年升级了Java学习线路图,硬核升级,免费放送! 学完你就是中级程序员,能更快一步找到工作! 一、Java基础 JavaSE基础是Java中级程序员的起点,是帮助你从小白到懂得编程的必经之路。 在Java基础板块中有6个子模块的学...
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合...
相关热词 c# 时间比天数 c# oracle查询 c# 主动推送 事件 c# java 属性 c# 控制台 窗体 c# 静态类存值 c#矢量作图 c#窗体调用外部程式 c# enum是否合法 c# 如何卸载引用
立即提问