vue中我在main.js中按需引入node_modules的框架的样式文件报错 5C

图片说明
图片说明

4个回答

很明显路径错误,如果你安装的awm-ui没有,上一条引入就会报错,但是报错是样式引入的错误,检查一下路径就行了

写全你的后缀.css

文件地址要写规法一点 , 建议时打开node_modules文件夹 , 按照你上面写的地址 , 看看文件是否存在, 有些组件在更新后, 文件的位置可能会发生改变_

抛错很明显,stylase.css不存在
浏览器告诉你让你重装一次
黑窗口运行npm install --save ....stylase.css

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
webpack 引入vue,在vue中使用 mint-ui
在引入mint-ui 的文件和style.css 的时候,总是报下面的错误,不知道大神们怎么解决 ``` ERROR in ./node_modules/_mint-ui@1.0.2@mint-ui/lib/popup/style.css Module build failed: CssSyntaxError (2:1) Unknown word 1 | > 2 | var content = require("!!./style.css"); | ^ 3 | 4 | if(typeof content === 'string') content = [[module.id, content, '']]; @ ./node_modules/_mint-ui@1.0.2@mint-ui/lib/mint-ui.common.js 5052:18-56 @ ./src/main.js @ multi ./node_modules/_webpack-dev-server@2.11.3@webpack-dev-server/client?http://localhost:3000 webpack/hot/dev-server ./src/main.js ```
vue-loader安装后在.vue里的<style></style>里面写样式就报错?
提问:请问下,vue-loader也安装了为何在.vue的style标签了 还是不能写样式呢?webpack4,使用webpack-dev-server命令打包时就报错.应该如何解决? 我已经尝试卸载vue-loader重新安装,删除node-modules重新跑环境,但并没有解决掉.难到是某个加载器的版本的问题吗? main.js ``` import Vue from 'vue'; import app from './App.vue'; import { Header } from 'mint-ui'; Vue.component(Header.name, Header); var vm=new Vue({ el:'#app', render:c=>c(app) }); ``` App.vue ``` <template> <div class="box"> <!--header--> <mt-header fixed title="固定在顶部"></mt-header> <!--body--> <!--foot--> <h1>这是 App 组件</h1> </div> </template> <script> </script> <style lang="sass" scoped> .box{ padding-top:40px; } </style> ``` package.json ``` "devDependencies": { "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-plugin-component": "^0.10.1", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-env": "^1.6.1", "babel-preset-stage-0": "^6.24.1", "css-loader": "^0.28.7", "file-loader": "^1.1.5", "html-webpack-plugin": "^2.30.1", "less": "^2.7.3", "less-loader": "^4.0.5", "node-sass": "^4.5.3", "sass-loader": "^6.0.6", "style-loader": "^0.19.0", "url-loader": "^0.6.2", "vue-loader": "^13.3.0", "vue-template-compiler": "^2.5.2", "webpack": "^3.8.1", "webpack-dev-server": "^2.9.3" }, "dependencies": { "bootstrap": "^3.3.7", "mint-ui": "^2.2.9", "vue": "^2.5.2", "vue-router": "^3.0.1" } } ``` 错误提示: ``` ERROR in ./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","scoped": true,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?indentedSyntax!./node_modules/vue-loader/lib/selector .js?type=styles&index=0!./src/App.vue Module build failed: .box{ ^ Invalid CSS after ".box{": expected "}", was "{" in F:\vuetest\day7\src\App.vue (line 19, column 6) @ ./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":" data-v-7ba5bd90","scoped":true,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?indentedSyntax!./node_modul es/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-331 13:3-17:5 14:22-339 @ ./src/App.vue @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:3000 webpack/hot/dev-server ./src/main.js
webpack问题(将能正常运行的项目除了node_modules文件复制了一份,然后cnpm i之后装完之后不能运行)
# 将能正常运行的项目除了node_modules文件外复制了一份,然后cnpm i之后装完之后不能运行 ![图片说明](https://img-ask.csdn.net/upload/201902/10/1549782353_446187.png) # npm run dev之后结果如下 package.json ``` { "name": "re", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server --open --port 3001 --hot --mode development" }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "@babel/core": "^7.2.2", "@babel/runtime": "^7.3.1", "babel-loader": "^8.0.5", "babel-plugin-component": "^1.1.1", "css-loader": "^2.1.0", "file-loader": "^3.0.1", "html-webpack-plugin": "^3.2.0", "jquery": "^3.3.1", "popper.js": "^1.14.7", "style-loader": "^0.23.1", "url-loader": "^1.1.2", "vue-loader": "^15.6.2", "vue-template-compiler": "^2.6.2", "webpack": "^4.29.0", "webpack-cli": "^3.2.1", "webpack-dev-server": "^3.1.14" }, "dependencies": { "@babel/plugin-proposal-class-properties": "^7.3.0", "@babel/plugin-transform-runtime": "^7.2.0", "@babel/preset-env": "^7.3.1", "babel-cli": "^6.26.0", "mint-ui": "^2.2.13", "vue": "^2.6.2", "vue-router": "^3.0.2" } } ``` 求大神帮忙看看,小弟感激不尽
为什么nuxt.js无法安装node-sass?
1.npm 不管怎么样都安装不了 淘宝镜像也没用 2.每次安装后都卡在Downloading binary from https://github.com/sass/node-sass/releases/download/v4.12.0/win32-x64-64这里然后就报错 3.T.T小白求教 ``` PS E:\Users\FuYuHao\Desktop\sb\a\aaa> npm i node-sass > node-sass@4.12.0 install E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass > node scripts/install.js Downloading binary from https://github.com/sass/node-sass/releases/download/v4.12.0/win32-x64-64_binding.node Cannot download "https://github.com/sass/node-sass/releases/download/v4.12.0/win32-x64-64_binding.node": connect ETIMEDOUT 52.216.135.19:443 Timed out whilst downloading the prebuilt binary Hint: If github.com is not accessible in your location try setting a proxy via HTTP_PROXY, e.g. export HTTP_PROXY=http://example.com:1234 or configure npm proxy via npm config set proxy http://example.com:8080 > node-sass@4.12.0 postinstall E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass > node scripts/build.js Building: C:\Program Files\nodejs\node.exe E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library= gyp info it worked if it ends with ok gyp verb cli [ 'C:\\Program Files\\nodejs\\node.exe', gyp verb cli 'E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\node-gyp\\bin\\node-gyp.js', gyp verb cli 'rebuild', gyp verb cli '--verbose', gyp verb cli '--libsass_ext=', gyp verb cli '--libsass_cflags=', gyp verb cli '--libsass_ldflags=', gyp verb cli '--libsass_library=' ] gyp info using node-gyp@3.8.0 gyp info using node@10.14.1 | win32 | x64 gyp verb command rebuild [] gyp verb command clean [] gyp verb clean removing "build" directory gyp verb command configure [] gyp verb check python checking for Python executable "python2" in the PATH gyp verb `which` failed Error: not found: python2 gyp verb `which` failed at getNotFoundError (E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\which\which.js:13:12) gyp verb `which` failed at F (E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\which\which.js:68:19) gyp verb `which` failed at E (E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\which\which.js:80:29) gyp verb `which` failed at E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\which\which.js:89:16 gyp verb `which` failed at E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\isexe\index.js:42:5 gyp verb `which` failed at E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\isexe\windows.js:36:5 gyp verb `which` failed at FSReqWrap.oncomplete (fs.js:154:21) gyp verb `which` failed python2 { Error: not found: python2 gyp verb `which` failed at getNotFoundError (E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\which\which.js:13:12) gyp verb `which` failed at F (E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\which\which.js:68:19) gyp verb `which` failed at E (E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\which\which.js:80:29) gyp verb `which` failed at E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\which\which.js:89:16 gyp verb `which` failed at E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\isexe\index.js:42:5 gyp verb `which` failed at E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\isexe\windows.js:36:5 gyp verb `which` failed at FSReqWrap.oncomplete (fs.js:154:21) gyp verb `which` failed stack: gyp verb `which` failed 'Error: not found: python2\n at getNotFoundError (E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\which\\which.js:13:12)\n at F (E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\which\\which.js:68:19)\n at E (E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\which\\which.js:80:29)\n at E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\which\\which.js:89:16\n at E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\isexe\\index.js:42:5\n at E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\isexe\\windows.js:36:5\n at FSReqWrap.oncomplete (fs.js:154:21)', gyp verb `which` failed code: 'ENOENT' } gyp verb check python checking for Python executable "python" in the PATH gyp verb `which` succeeded python C:\Python27\python.EXE gyp verb check python version `C:\Python27\python.EXE -c "import sys; print "2.7.15 gyp verb check python version .%s.%s" % sys.version_info[:3];"` returned: %j gyp verb get node dir no --target version specified, falling back to host node version: 10.14.1 gyp verb command install [ '10.14.1' ] gyp verb install input version string "10.14.1" gyp verb install installing version: 10.14.1 gyp verb install --ensure was passed, so won't reinstall if already installed gyp verb install version is already installed, need to check "installVersion" gyp verb got "installVersion" 9 gyp verb needs "installVersion" 9 gyp verb install version is good gyp verb get node dir target node version installed: 10.14.1 gyp verb build dir attempting to create "build" dir: E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build gyp verb build dir "build" dir needed to be created? E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build gyp verb find vs2017 Found installation at: C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools gyp verb find vs2017 - Found Microsoft.VisualStudio.Component.Windows10SDK.17763 gyp verb find vs2017 - Found Microsoft.VisualStudio.Component.VC.Tools.x86.x64 gyp verb find vs2017 - Found Microsoft.VisualStudio.VC.MSBuild.Base gyp verb find vs2017 - Using this installation with Windows 10 SDK gyp verb find vs2017 using installation: C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools gyp verb build/config.gypi creating config file gyp verb build/config.gypi writing out config file: E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\config.gypi gyp verb config.gypi checking for gypi file: E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\config.gypi gyp verb common.gypi checking for gypi file: E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\common.gypi gyp verb gyp gyp format was not specified; forcing "msvs" gyp info spawn C:\Python27\python.EXE gyp info spawn args [ 'E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\node-gyp\\gyp\\gyp_main.py', gyp info spawn args 'binding.gyp', gyp info spawn args '-f', gyp info spawn args 'msvs', gyp info spawn args '-G', gyp info spawn args 'msvs_version=2015', gyp info spawn args '-I', gyp info spawn args 'E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\node-sass\\build\\config.gypi', gyp info spawn args '-I', gyp info spawn args 'E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\node-gyp\\addon.gypi', gyp info spawn args '-I', gyp info spawn args 'C:\\Users\\FuYuHao\\.node-gyp\\10.14.1\\include\\node\\common.gypi', gyp info spawn args '-Dlibrary=shared_library', gyp info spawn args '-Dvisibility=default', gyp info spawn args '-Dnode_root_dir=C:\\Users\\FuYuHao\\.node-gyp\\10.14.1', gyp info spawn args '-Dnode_gyp_dir=E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\node-gyp', gyp info spawn args '-Dnode_lib_file=C:\\Users\\FuYuHao\\.node-gyp\\10.14.1\\<(target_arch)\\node.lib', gyp info spawn args '-Dmodule_root_dir=E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\node-sass', gyp info spawn args '-Dnode_engine=v8', gyp info spawn args '--depth=.', gyp info spawn args '--no-parallel', gyp info spawn args '--generator-output', gyp info spawn args 'E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\node-sass\\build', gyp info spawn args '-Goutput_dir=.' ] gyp verb command build [] gyp verb build type Release gyp verb architecture x64 gyp verb node dev dir C:\Users\FuYuHao\.node-gyp\10.14.1 gyp verb found first Solution file build/binding.sln gyp verb using MSBuild: C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\MSBuild\15.0\Bin\MSBuild.exe gyp info spawn C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\MSBuild\15.0\Bin\MSBuild.exe gyp info spawn args [ 'build/binding.sln', gyp info spawn args '/nologo', gyp info spawn args '/p:Configuration=Release;Platform=x64' ] 在此解决方案中一次生成一个项目。若要启用并行生成,请添加“/m”开关。 生成启动时间为 2019/5/29 22:01:12。 节点 1 上的项目“E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.sln”(默认目标)。 ValidateSolutionConfiguration: 正在生成解决方案配置“Release|x64”。 项目“E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.sln”(1)正在节点 1 上生成“E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.vcxproj.metaproj”(2) (默认目标)。 项目“E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.vcxproj.metaproj”(2)正在节点 1 上生成“E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj”(3) (默认目标)。 PrepareForBuild: 正在创建目录“Release\obj\libsass\”。 正在创建目录“E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\Release\”。 正在创建目录“Release\obj\libsass\libsass.tlog\”。 InitializeBuildStatus: 正在创建“Release\obj\libsass\libsass.tlog\unsuccessfulbuild”,因为已指定“AlwaysCreate”。 ClCompile: C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\VC\Tools\MSVC\14.16.27023\bin\HostX64\x64\CL.exe /c /I"C:\Users\FuYuHao\.node-gyp\10.14.1\include\node" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\src" /I"C:\Use rs\FuYuHao\.node-gyp\10.14.1\deps\openssl\config" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\deps\openssl\openssl\include" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\deps\uv\include" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\deps\zli b" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\deps\v8\include" /I..\..\src\libsass\include /Z7 /nologo /W3 /WX- /diagnostics:classic /MP /Ox /Ob2 /Oi /Ot /Oy /GL /D NODE_GYP_MODULE_NAME=libsass /D USING_UV_SHARED=1 /D USING_ V8_SHARED=1 /D V8_DEPRECATION_WARNINGS=1 /D WIN32 /D _CRT_SECURE_NO_DEPRECATE /D _CRT_NONSTDC_NO_DEPRECATE /D _HAS_EXCEPTIONS=0 /D "LIBSASS_VERSION=\"3.5.4\"" /GF /Gm- /MT /GS /Gy /fp:precise /Zc:wchar_t /Zc:forScope /Z c:inline /GR- /Fo"Release\obj\libsass\\" /Fd"Release\obj\libsass\libsass.pdb" /Gd /TP /wd4351 /wd4355 /wd4800 /wd4251 /wd4275 /wd4244 /wd4267 /FC /errorReport:queue /GR /EHsc ..\..\src\libsass\src\ast.cpp ..\..\src\libs ass\src\ast_fwd_decl.cpp ..\..\src\libsass\src\backtrace.cpp ..\..\src\libsass\src\base64vlq.cpp ..\..\src\libsass\src\bind.cpp ..\..\src\libsass\src\check_nesting.cpp ..\..\src\libsass\src\color_maps.cpp ..\..\src\libs ass\src\constants.cpp ..\..\src\libsass\src\context.cpp ..\..\src\libsass\src\cssize.cpp ..\..\src\libsass\src\emitter.cpp ..\..\src\libsass\src\environment.cpp ..\..\src\libsass\src\error_handling.cpp ..\..\src\libsass \src\eval.cpp ..\..\src\libsass\src\expand.cpp ..\..\src\libsass\src\extend.cpp ..\..\src\libsass\src\file.cpp ..\..\src\libsass\src\functions.cpp ..\..\src\libsass\src\inspect.cpp ..\..\src\libsass\src\json.cpp ..\..\s rc\libsass\src\lexer.cpp ..\..\src\libsass\src\listize.cpp ..\..\src\libsass\src\memory\SharedPtr.cpp ..\..\src\libsass\src\node.cpp ..\..\src\libsass\src\operators.cpp ..\..\src\libsass\src\output.cpp ..\..\src\libsass \src\parser.cpp ..\..\src\libsass\src\plugins.cpp ..\..\src\libsass\src\position.cpp ..\..\src\libsass\src\prelexer.cpp ..\..\src\libsass\src\remove_placeholders.cpp ..\..\src\libsass\src\sass.cpp ..\..\src\libsass\src\ sass2scss.cpp ..\..\src\libsass\src\sass_context.cpp ..\..\src\libsass\src\sass_functions.cpp ..\..\src\libsass\src\sass_util.cpp ..\..\src\libsass\src\sass_values.cpp ..\..\src\libsass\src\source_map.cpp ..\..\src\libs ass\src\subset_map.cpp ..\..\src\libsass\src\to_c.cpp ..\..\src\libsass\src\to_value.cpp ..\..\src\libsass\src\units.cpp ..\..\src\libsass\src\utf8_string.cpp ..\..\src\libsass\src\util.cpp ..\..\src\libsass\src\values. cpp cl : 命令行 warning D9025: 正在重写“/GR-”(用“/GR”) [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj] cl : 命令行 warning D9025: 正在重写“/GR-”(用“/GR”) [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj] ast.cpp cl : 命令行 warning D9025: 正在重写“/GR-”(用“/GR”) [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj] ast_fwd_decl.cpp cl : 命令行 warning D9025: 正在重写“/GR-”(用“/GR”) [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj] backtrace.cpp cl : 命令行 warning D9025: 正在重写“/GR-”(用“/GR”) [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj] base64vlq.cpp bind.cpp check_nesting.cpp color_maps.cpp constants.cpp context.cpp cssize.cpp emitter.cpp environment.cpp error_handling.cpp eval.cpp expand.cpp extend.cpp file.cpp functions.cpp inspect.cpp json.cpp e:\users\fuyuhao\desktop\sb\a\aaa\node_modules\node-sass\src\libsass\src\json.cpp(26): warning C4005: “_CRT_NONSTDC_NO_DEPRECATE”: 宏重定义 [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxp roj] e:\users\fuyuhao\desktop\sb\a\aaa\node_modules\node-sass\src\libsass\src\json.cpp: note: 参见“_CRT_NONSTDC_NO_DEPRECATE”的前一个定义 lexer.cpp listize.cpp SharedPtr.cpp node.cpp operators.cpp output.cpp parser.cpp plugins.cpp position.cpp prelexer.cpp remove_placeholders.cpp sass.cpp sass2scss.cpp e:\users\fuyuhao\desktop\sb\a\aaa\node_modules\node-sass\src\libsass\src\sass2scss.cpp(9): warning C4005: “_CRT_NONSTDC_NO_DEPRECATE”: 宏重定义 [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass. vcxpr oj] e:\users\fuyuhao\desktop\sb\a\aaa\node_modules\node-sass\src\libsass\src\sass2scss.cpp: note: 参见“_CRT_NONSTDC_NO_DEPRECATE”的前一个定义 sass_context.cpp sass_functions.cpp sass_util.cpp sass_values.cpp source_map.cpp subset_map.cpp to_c.cpp to_value.cpp units.cpp utf8_string.cpp util.cpp values.cpp C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\VC\Tools\MSVC\14.16.27023\bin\HostX64\x64\CL.exe /c /I"C:\Users\FuYuHao\.node-gyp\10.14.1\include\node" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\src" /I"C:\Use rs\FuYuHao\.node-gyp\10.14.1\deps\openssl\config" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\deps\openssl\openssl\include" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\deps\uv\include" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\deps\zli b" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\deps\v8\include" /I..\..\src\libsass\include /Z7 /nologo /W3 /WX- /diagnostics:classic /MP /Ox /Ob2 /Oi /Ot /Oy /GL /D NODE_GYP_MODULE_NAME=libsass /D USING_UV_SHARED=1 /D USING_ V8_SHARED=1 /D V8_DEPRECATION_WARNINGS=1 /D WIN32 /D _CRT_SECURE_NO_DEPRECATE /D _CRT_NONSTDC_NO_DEPRECATE /D _HAS_EXCEPTIONS=0 /D "LIBSASS_VERSION=\"3.5.4\"" /GF /Gm- /MT /GS /Gy /fp:precise /Zc:wchar_t /Zc:forScope /Z c:inline /GR- /Fo"Release\obj\libsass\\" /Fd"Release\obj\libsass\libsass.pdb" /Gd /TC /wd4351 /wd4355 /wd4800 /wd4251 /wd4275 /wd4244 /wd4267 /FC /errorReport:queue /GR /EHsc ..\..\src\libsass\src\cencode.c cl : 命令行 warning D9025: 正在重写“/GR-”(用“/GR”) [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj] cencode.c Lib: C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\VC\Tools\MSVC\14.16.27023\bin\HostX64\x64\Lib.exe /OUT:"E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\Release\libsass.lib" /NOLOGO /MACHINE :X64 /LTCG:INCREMENTAL Release\obj\libsass\ast.obj Release\obj\libsass\ast_fwd_decl.obj Release\obj\libsass\backtrace.obj Release\obj\libsass\base64vlq.obj Release\obj\libsass\bind.obj Release\obj\libsass\cencode.obj Release\obj\libsass\check_nesting.obj Release\obj\libsass\color_maps.obj Release\obj\libsass\constants.obj Release\obj\libsass\context.obj Release\obj\libsass\cssize.obj Release\obj\libsass\emitter.obj Release\obj\libsass\environment.obj Release\obj\libsass\error_handling.obj Release\obj\libsass\eval.obj Release\obj\libsass\expand.obj Release\obj\libsass\extend.obj Release\obj\libsass\file.obj Release\obj\libsass\functions.obj Release\obj\libsass\inspect.obj Release\obj\libsass\json.obj Release\obj\libsass\lexer.obj Release\obj\libsass\listize.obj Release\obj\libsass\SharedPtr.obj Release\obj\libsass\node.obj Release\obj\libsass\operators.obj Release\obj\libsass\output.obj Release\obj\libsass\parser.obj Release\obj\libsass\plugins.obj Release\obj\libsass\position.obj Release\obj\libsass\prelexer.obj Release\obj\libsass\remove_placeholders.obj Release\obj\libsass\sass.obj Release\obj\libsass\sass2scss.obj Release\obj\libsass\sass_context.obj Release\obj\libsass\sass_functions.obj Release\obj\libsass\sass_util.obj Release\obj\libsass\sass_values.obj Release\obj\libsass\source_map.obj Release\obj\libsass\subset_map.obj Release\obj\libsass\to_c.obj Release\obj\libsass\to_value.obj Release\obj\libsass\units.obj Release\obj\libsass\utf8_string.obj Release\obj\libsass\util.obj Release\obj\libsass\values.obj libsass.vcxproj -> E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\Release\\libsass.lib FinalizeBuildStatus: 正在删除文件“Release\obj\libsass\libsass.tlog\unsuccessfulbuild”。 正在对“Release\obj\libsass\libsass.tlog\libsass.lastbuildstate”执行 Touch 任务。 已完成生成项目“E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj”(默认目标)的操作。 项目“E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.vcxproj.metaproj”(2)正在节点 1 上生成“E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.vcxproj”(4) (默认目标)。 PrepareForBuild: 正在创建目录“Release\obj\binding\”。 正在创建目录“Release\obj\binding\binding.tlog\”。 InitializeBuildStatus: 正在创建“Release\obj\binding\binding.tlog\unsuccessfulbuild”,因为已指定“AlwaysCreate”。 ClCompile: C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\VC\Tools\MSVC\14.16.27023\bin\HostX64\x64\CL.exe /c /I"C:\Users\FuYuHao\.node-gyp\10.14.1\include\node" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\src" /I"C:\Use rs\FuYuHao\.node-gyp\10.14.1\deps\openssl\config" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\deps\openssl\openssl\include" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\deps\uv\include" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\deps\zli b" /I"C:\Users\FuYuHao\.node-gyp\10.14.1\deps\v8\include" /I..\..\nan /I..\src\libsass\include /Z7 /nologo /W3 /WX- /diagnostics:classic /MP /Ox /Ob2 /Oi /Ot /Oy /GL /D NODE_GYP_MODULE_NAME=binding /D USING_UV_SHARED=1 /D USING_V8_SHARED=1 /D V8_DEPRECATION_WARNINGS=1 /D WIN32 /D _CRT_SECURE_NO_DEPRECATE /D _CRT_NONSTDC_NO_DEPRECATE /D _HAS_EXCEPTIONS=0 /D BUILDING_NODE_EXTENSION /D _WINDLL /GF /Gm- /MT /GS /Gy /fp:precise /Zc:wchar_t /Zc:forScope /Zc:inline /GR- /Fo"Release\obj\binding\\" /Fd"Release\obj\binding\vc141.pdb" /Gd /TP /wd4351 /wd4355 /wd4800 /wd4251 /wd4275 /wd4244 /wd4267 /FC /errorReport:queue /Zc:threadSafeInit- ..\src\binding.cpp . .\src\create_string.cpp ..\src\custom_function_bridge.cpp ..\src\custom_importer_bridge.cpp ..\src\sass_context_wrapper.cpp ..\src\sass_types\boolean.cpp ..\src\sass_types\color.cpp ..\src\sass_types\error.cpp ..\src\sa ss_types\factory.cpp ..\src\sass_types\list.cpp ..\src\sass_types\map.cpp ..\src\sass_types\null.cpp ..\src\sass_types\number.cpp ..\src\sass_types\string.cpp "E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-gyp\src \win_delay_load_hook.cc" binding.cpp create_string.cpp custom_function_bridge.cpp custom_importer_bridge.cpp sass_context_wrapper.cpp boolean.cpp color.cpp error.cpp factory.cpp list.cpp map.cpp null.cpp number.cpp string.cpp win_delay_load_hook.cc Link: C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\VC\Tools\MSVC\14.16.27023\bin\HostX64\x64\link.exe /ERRORREPORT:QUEUE /OUT:"E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\Release\binding.n ode" /INCREMENTAL:NO /NOLOGO kernel32.lib user32.lib gdi32.lib winspool.lib comdlg32.lib advapi32.lib shell32.lib ole32.lib oleaut32.lib uuid.lib odbc32.lib DelayImp.lib "C:\Users\FuYuHao\.node-gyp\10.14.1\x64\node.lib" Delayimp.lib /DELAYLOAD:iojs.exe /DELAYLOAD:node.exe /MANIFEST /MANIFESTUAC:"level='asInvoker' uiAccess='false'" /manifest:embed /DEBUG /PDB:"E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\Release\bindi ng.pdb" /MAP /MAPINFO:EXPORTS /OPT:REF /OPT:ICF /TLBID:1 /RELEASE /DYNAMICBASE /NXCOMPAT /MACHINE:X64 /ignore:4199 /LTCG:INCREMENTAL /DLL Release\obj\binding\binding.obj Release\obj\binding\create_string.obj Release\obj\binding\custom_function_bridge.obj Release\obj\binding\custom_importer_bridge.obj Release\obj\binding\sass_context_wrapper.obj Release\obj\binding\boolean.obj Release\obj\binding\color.obj Release\obj\binding\error.obj Release\obj\binding\factory.obj Release\obj\binding\list.obj Release\obj\binding\map.obj Release\obj\binding\null.obj Release\obj\binding\number.obj Release\obj\binding\string.obj Release\obj\binding\win_delay_load_hook.obj "E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\Release\libsass.lib" C:\Users\FuYuHao\.node-gyp\10.14.1\x64\node.lib : fatal error LNK1107: 文件无效或损坏: 无法在 0x39F993 处读取 [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.vcxproj] 已完成生成项目“E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.vcxproj”(默认目标)的操作 - 失败。 已完成生成项目“E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.vcxproj.metaproj”(默认目标)的操作 - 失败。 已完成生成项目“E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.sln”(默认目标)的操作 - 失败。 生成失败。 “E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.sln”(默认目标) (1) -> “E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.vcxproj.metaproj”(默认目标) (2) -> “E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj”(默认目标) (3) -> (ClCompile 目标) -> cl : 命令行 warning D9025: 正在重写“/GR-”(用“/GR”) [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj] cl : 命令行 warning D9025: 正在重写“/GR-”(用“/GR”) [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj] cl : 命令行 warning D9025: 正在重写“/GR-”(用“/GR”) [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj] cl : 命令行 warning D9025: 正在重写“/GR-”(用“/GR”) [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj] cl : 命令行 warning D9025: 正在重写“/GR-”(用“/GR”) [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj] e:\users\fuyuhao\desktop\sb\a\aaa\node_modules\node-sass\src\libsass\src\json.cpp(26): warning C4005: “_CRT_NONSTDC_NO_DEPRECATE”: 宏重定义 [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vc xproj ] e:\users\fuyuhao\desktop\sb\a\aaa\node_modules\node-sass\src\libsass\src\sass2scss.cpp(9): warning C4005: “_CRT_NONSTDC_NO_DEPRECATE”: 宏重定义 [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsas s.vcx proj] “E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.sln”(默认目标) (1) -> “E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.vcxproj.metaproj”(默认目标) (2) -> “E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj”(默认目标) (3) -> cl : 命令行 warning D9025: 正在重写“/GR-”(用“/GR”) [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\src\libsass.vcxproj] “E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.sln”(默认目标) (1) -> “E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.vcxproj.metaproj”(默认目标) (2) -> “E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.vcxproj”(默认目标) (4) -> (Link 目标) -> C:\Users\FuYuHao\.node-gyp\10.14.1\x64\node.lib : fatal error LNK1107: 文件无效或损坏: 无法在 0x39F993 处读取 [E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass\build\binding.vcxproj] 8 个警告 1 个错误 已用时间 00:00:24.13 gyp ERR! build error gyp ERR! stack Error: `C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\MSBuild\15.0\Bin\MSBuild.exe` failed with exit code: 1 gyp ERR! stack at ChildProcess.onExit (E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-gyp\lib\build.js:262:23) gyp ERR! stack at ChildProcess.emit (events.js:182:13) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:240:12) gyp ERR! System Windows_NT 10.0.17763 gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "E:\\Users\\FuYuHao\\Desktop\\sb\\a\\aaa\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library=" gyp ERR! cwd E:\Users\FuYuHao\Desktop\sb\a\aaa\node_modules\node-sass gyp ERR! node -v v10.14.1 gyp ERR! node-gyp -v v3.8.0 gyp ERR! not ok Build failed with error code: 1 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.0.7 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.0.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\watchpack\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\nodemon\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.12.0 postinstall: `node scripts/build.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the node-sass@4.12.0 postinstall 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\FuYuHao\AppData\Roaming\npm-cache\_logs\2019-05-29T14_01_39_903Z-debug.log PS E:\Users\FuYuHao\Desktop\sb\a\aaa> ```
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
VUE build的时候app css CssSyntaxError错误
vue build的时候app css CssSyntaxError错误,run dev可以正常启动 错误信息如下 ``` - building for production...Error processing file: static/css/app.97c058584faa589ff57590333e2787e8.css (node:3172) UnhandledPromiseRejectionWarning: CssSyntaxError: G:\vue\recms-adminVue\static\css\app.97c058584faa589ff57590333e2787e8.css:1293:8: Unknown word at Input.error (G:\vue\recms-adminVue\node_modules\_postcss@7.0.17@postcss\lib\input.js:130:16) at Parser.unknownWord (G:\vue\recms-adminVue\node_modules\_postcss@7.0.17@postcss\lib\parser.js:563:22) at Parser.decl (G:\vue\recms-adminVue\node_modules\_postcss@7.0.17@postcss\lib\parser.js:235:16) at Parser.other (G:\vue\recms-adminVue\node_modules\_postcss@7.0.17@postcss\lib\parser.js:133:18) at Parser.parse (G:\vue\recms-adminVue\node_modules\_postcss@7.0.17@postcss\lib\parser.js:77:16) at parse (G:\vue\recms-adminVue\node_modules\_postcss@7.0.17@postcss\lib\parse.js:17:12) at new LazyResult (G:\vue\recms-adminVue\node_modules\_postcss@7.0.17@postcss\lib\lazy-result.js:60:16) at Processor.<anonymous> (G:\vue\recms-adminVue\node_modules\_postcss@7.0.17@postcss\lib\processor.js:138:12) at Processor.process (G:\vue\recms-adminVue\node_modules\_postcss@7.0.17@postcss\lib\processor.js:117:23) at Function.creator.process (G:\vue\recms-adminVue\node_modules\_postcss@7.0.17@postcss\lib\postcss.js:148:43) at OptimizeCssAssetsPlugin.processCss (G:\vue\recms-adminVue\node_modules\_optimize-css-assets-webpack-plugin@3.2.1@optimize-css-assets-webpack-plugin\index.js :63:19) at Object.processor (G:\vue\recms-adminVue\node_modules\_optimize-css-assets-webpack-plugin@3.2.1@optimize-css-assets-webpack-plugin\index.js:29:23) at G:\vue\recms-adminVue\node_modules\_last-call-webpack-plugin@2.1.2@last-call-webpack-plugin\index.js:139:8 at arrayEach (G:\vue\recms-adminVue\node_modules\_lodash@4.17.14@lodash\_arrayEach.js:15:9) at forEach (G:\vue\recms-adminVue\node_modules\_lodash@4.17.14@lodash\forEach.js:38:10) at LastCallWebpackPlugin.process (G:\vue\recms-adminVue\node_modules\_last-call-webpack-plugin@2.1.2@last-call-webpack-plugin\index.js:136:3) (node:3172) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch blo ck, or by rejecting a promise which was not handled with .catch(). (rejection id: 2) (node:3172) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the No de.js process with a non-zero exit code. ``` build.js的代码 ``` const ora = require('ora') const rm = require('rimraf') const path = require('path') const chalk = require('chalk') const webpack = require('webpack') const config = require('../config') const webpackConfig = require('./webpack.prod.conf') const spinner = ora('building for production...') spinner.start() rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { if (err) throw err webpack(webpackConfig, function (err, stats) { spinner.stop() if (err) throw err process.stdout.write(stats.toString({ colors: true, modules: false, children: false, chunks: false, chunkModules: false }) + '\n\n') if (stats.hasErrors()) { console.log(chalk.red(' Build failed with errors.\n')) process.exit(1) } console.log(chalk.cyan(' Build complete.\n')) console.log(chalk.yellow( ' Tip: built files are meant to be served over an HTTP server.\n' + ' Opening index.html over file:// won\'t work.\n' )) }) }) ``` webpack.prod.conf.js的配置 ``` const env = require('../config/prod.env') const webpackConfig = merge(baseWebpackConfig, { module: { rules: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: true, usePostCSS: true }) }, devtool: config.build.productionSourceMap ? config.build.devtool : false, output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash].js'), chunkFilename: utils.assetsPath('js/[id].[chunkhash].js') }, plugins: [ // http://vuejs.github.io/vue-loader/en/workflow/production.html new webpack.DefinePlugin({ 'process.env': env }), // UglifyJs do not support ES6+, you can also use babel-minify for better treeshaking: https://github.com/babel/minify new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false }, sourceMap: config.build.productionSourceMap, parallel: true }), // extract css into its own file new ExtractTextPlugin({ filename: utils.assetsPath('css/[name].[contenthash].css'), // set the following option to `true` if you want to extract CSS from // codesplit chunks into this main css file as well. // This will result in *all* of your app's CSS being loaded upfront. allChunks: false, }), // Compress extracted CSS. We are using this plugin so that possible // duplicated CSS from different components can be deduped. new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false } } : { safe: true } }), // generate dist index.html with correct asset hash for caching. // you can customize output by editing /index.html // see https://github.com/ampedandwired/html-webpack-plugin new HtmlWebpackPlugin({ filename: config.build.index, template: 'index.html', inject: true, minify: { removeComments: true, collapseWhitespace: true, removeAttributeQuotes: true // more options: // https://github.com/kangax/html-minifier#options-quick-reference }, // necessary to consistently work with multiple chunks via CommonsChunkPlugin chunksSortMode: 'dependency' }), // keep module.id stable when vender modules does not change new webpack.HashedModuleIdsPlugin(), // enable scope hoisting new webpack.optimize.ModuleConcatenationPlugin(), // split vendor js into its own file new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', minChunks: function (module) { // any required modules inside node_modules are extracted to vendor return ( module.resource && /\.js$/.test(module.resource) && module.resource.indexOf( path.join(__dirname, '../node_modules') ) === 0 ) } }), // extract webpack runtime and module manifest to its own file in order to // prevent vendor hash from being updated whenever app bundle is updated new webpack.optimize.CommonsChunkPlugin({ name: 'manifest', minChunks: Infinity }), // This instance extracts shared chunks from code splitted chunks and bundles them // in a separate chunk, similar to the vendor chunk // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk new webpack.optimize.CommonsChunkPlugin({ name: 'app', async: 'vendor-async', children: true, minChunks: 3 }), // copy custom static assets new CopyWebpackPlugin([ { from: path.resolve(__dirname, '../static'), to: config.build.assetsSubDirectory, ignore: ['.*'] } ]) ] }) if (config.build.productionGzip) { const CompressionWebpackPlugin = require('compression-webpack-plugin') webpackConfig.plugins.push( new CompressionWebpackPlugin({ asset: '[path].gz[query]', algorithm: 'gzip', test: new RegExp( '\\.(' + config.build.productionGzipExtensions.join('|') + ')$' ), threshold: 10240, minRatio: 0.8 }) ) } if (config.build.bundleAnalyzerReport) { const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin webpackConfig.plugins.push(new BundleAnalyzerPlugin()) } module.exports = webpackConfig ```
webpack4.0中引入app.vue出现报错
**webpack4.0中引入app.vue出现报错** 我正在学vue.js实战,但是这本书事两年前写的,书中的vue配置有些已经不能用了, 我在配置完webpack.config.js后创建了个app.vue,然后就报错了,百度过,没找到合适的答案,请问各位大佬有遇到过吗。求解答,谢谢,下面是报错截图,以及webpack.config.js的截图,谢谢 ![图片说明](https://img-ask.csdn.net/upload/201909/16/1568602107_212983.png) ![图片说明](https://img-ask.csdn.net/upload/201909/16/1568602131_486744.png) **webpack.config.js:** var path = require('path'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); var config = { entry : { main : './main' }, output : { path : path.join(__dirname, './dist'), publicPath : '/dist/', filename : 'main.js' }, module: { rules: [ { test: /\.vue$/, loader : 'vue-loader', options : { loaders : { css : ExtractTextPlugin.extract({ use : 'css-loader', fallback : 'vue-style-loader' }) } } }, { test : /\.js$/, loader : 'babel-loader', exclude : /node_modules/ }, { test : /\.css$/, use : ExtractTextPlugin.extract({ use : 'css-loader', fallback : 'style-loader' }) } ] }, plugins : [ //重命名提取后的css文件 new ExtractTextPlugin("main.css") ] }; module.exports = config; **package.json:** { "name": "vuedemo04", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack-dev-server --host 192.168.0.114 --port 8888 --open --config webpack.config.js" }, "author": "", "license": "ISC", "devDependencies": { "@babel/core": "^7.6.0", "@babel/plugin-proposal-class-properties": "^7.5.5", "@babel/plugin-transform-runtime": "^7.6.0", "@babel/preset-env": "^7.6.0", "@babel/runtime": "^7.6.0", "babel": "^6.23.0", "babel-core": "^6.26.3", "babel-loader": "^8.0.6", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-env": "^1.7.0", "babel-preset-es2015": "^6.24.1", "babel-runtime": "^6.26.0", "css-loader": "^3.2.0", "extract-text-webpack-plugin": "^4.0.0-beta.0", "style-loader": "^1.0.0", "vue-hot-reload-api": "^2.3.3", "vue-loader": "^15.7.1", "vue-style-loader": "^4.1.2", "vue-template-compiler": "^2.6.10", "webpack": "^4.39.3", "webpack-cli": "^3.3.8", "webpack-dev-server": "^3.8.0" }, "dependencies": { "vue": "^2.6.10" } } **main.js:** import Vue from 'vue'; import App from './app.vue'; new Vue({ el:'#app', render : h => h(App) }); **app.vue:** ![图片说明](https://img-ask.csdn.net/upload/201909/16/1568602350_668161.png) **style.css:** ![图片说明](https://img-ask.csdn.net/upload/201909/16/1568602435_444026.png) **index.html:** ![图片说明](https://img-ask.csdn.net/upload/201909/16/1568602485_888515.png) **vue项目结构:**
vux配置问题,启动webpack找不到main.js
![图片说明](https://img-ask.csdn.net/upload/201712/04/1512366397_47290.png) 配置文件这样写的: ```javascript 'use strict' const path = require('path') const utils = require('./utils') const config = require('../config') const vueLoaderConfig = require('./vue-loader.conf') // 配置vux const vuxLoader = require('vux-loader') const webpackConfig = originalConfig function resolve (dir) { return path.join(__dirname, '..', dir) } const createLintingRule = () => ({ test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], options: { formatter: require('eslint-friendly-formatter'), emitWarning: !config.dev.showEslintErrorsInOverlay } }) var originalConfig = { 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', '.less'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), } }, module: { rules: [ ...(config.dev.useEslint ? [createLintingRule()] : []), { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test')] }, { 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' } } module.exports = vuxLoader.merge(originalConfig, { plugins: ['vux-ui'] }) ``` 哪里出问题了?
使用Django+vue+element-ui搭建项目时,element-ui的样式不生效,如何解决?
在腾讯云centos7上用Django+vue+element-ui搭建项目,按照网上资料下载了 npm i element-ui -S 也向webpack.base.conf.js 和 main.js中添加了代码, 且逻辑没有问题,页面可以正常那个访问且不报错,但样式就是不出来,折腾了一天多,网上资料看了无数,就是找不到原因(在本地windows上同样跑了一个vue前端项目试过,本地的样式是可以出来的) 在此请教,悬赏20 这是main.js中加的 ![图片说明](https://img-ask.csdn.net/upload/201903/11/1552316037_720112.png) node_modules/element-ui/lib/theme-chalk/index.css 是存在的,不过这个element-ui文件夹怎么是灰的?别人的都是红色的。 ![图片说明](https://img-ask.csdn.net/upload/201903/11/1552316477_34724.png) ![图片说明](https://img-ask.csdn.net/upload/201903/11/1552316504_854002.png) 这是页面: 样式出不来,也不报错: ![图片说明](https://img-ask.csdn.net/upload/201903/11/1552316581_670477.png)
vue打包后static下的json文件没有单独出现,打包后的文件可以正常运行,我想打包后可以修改这个文件
const resolve = require("path").resolve; var webpack = require('webpack') const HtmlWebpackPlugin = require("html-webpack-plugin"); module.exports = { entry:{ app: './src/main.js' }, output: { path: resolve(__dirname, './dist'), publicPath: process.env.NODE_ENV != 'production' ?'':'./', chunkFilename: "CWL_[id].js?[chunkhash]", filename: process.env.NODE_ENV === 'production' ? "[name].js?[chunkhash]" : "[name].js", }, module: { rules: [ { test: /\.css$/, use: [ 'vue-style-loader', 'css-loader' ] }, { test: /\.less$/, use:['style-loader','css-loader','less-loader'] }, { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { } // other vue-loader options go here } }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, { test: /\.(png|jpg|jpeg|gif|eot|ttf|woff|woff2|svg|svgz)(\?.+)?$/, loader: 'file-loader', options: { name: '[name].[ext]?[hash]' } } ] }, plugins: [ // new webpack.optimize.CommonsChunkPlugin({ // names: ["vendor", "manifest"] // }), new HtmlWebpackPlugin({ template: "index.html",favicon:'static/favicon.ico' }), new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }), ], resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), }, extensions: ['*', '.js', '.vue', '.json'] }, devServer: { port:9889, host:'192.168.50.107', proxy: { '/api/': { target: '', changeOrigin: true, pathRewrite: { '^/api': '' } } }, }, performance: { hints: false }, devtool: process.env.NODE_ENV != 'production'? "#eval-source-map" : "#source" } ![图片说明](https://img-ask.csdn.net/upload/201904/18/1555582082_648660.jpg)
运行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项目出现提示:[HMR] Waiting for update signal from WDS
浏览器出现的提示是这样的,没有报错,但是页面一直不更新 ![图片说明](https://img-ask.csdn.net/upload/201805/23/1527058529_574319.png) 这个是webpack.base.conf.js的代码 ``` // webpack.base.conf.js 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: [ ...(config.dev.useEslint ? [] : []), { 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]') } } ] }, ```
Vue-cli 的热更新无效问题
我使用vue init webpack-simple ProjectName创建了一个简单的Vue-cli工程,但是无法实现热更新。每次一点点改动就需要重新编译运行才能看到效果,十分困扰。 我的webpack配置如下: ``` const path = require('path') const webpack = require('webpack'); console.log(path.resolve(__dirname, './src/main.js')) module.exports = { //热部署 entry:[ path.resolve(__dirname, './src/main.js'), 'webpack-dev-server/client?http://localhost:8080/', ], output: { path: path.resolve(__dirname, './dist'), publicPath: './dist/', filename: 'build.js' }, module: { rules: [ { test: /\.css$/, use: [ 'vue-style-loader', 'css-loader' ], }, { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { } // other vue-loader options go here } }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, { test: /\.(png|jpg|gif|svg)$/, loader: 'file-loader', options: { name: '[name].[ext]?[hash]' } } ] }, resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js' }, extensions: ['*', '.js', '.vue', '.json'] }, devServer: { //这里可以配置端口号 // port:8080, // host: 'localhost', //重定向404 historyApiFallback: true, noInfo: true, //编译出错的时候,在浏览器页面上显示错误 overlay: true, hot:true, inline:true, //该目录不填默认是项目目录 // contentBase: path.resolve(__dirname), }, performance: { hints: false }, devtool: '#eval-source-map', //配置webpack插件 plugins:[ //热加载插件 new webpack.HotModuleReplacementPlugin(), new webpack.NamedModulesPlugin(), ] } if (process.env.NODE_ENV === 'production') { module.exports.devtool = '#source-map' // http://vue-loader.vuejs.org/en/workflow/production.html module.exports.plugins = (module.exports.plugins || []).concat([ new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }), new webpack.optimize.UglifyJsPlugin({ sourceMap: true, compress: { warnings: false } }), new webpack.LoaderOptionsPlugin({ minimize: true }) ]) } ``` package.json如下: ``` { "name": "srms", "description": "A Vue.js project", "version": "1.0.0", "author": "Snile <826245622@qq.com>", "license": "", "private": true, "scripts": { "clean": "rd /s /q dist", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules", "dev": "npm run build && cross-env NODE_ENV=development webpack-dev-server --open --inline --hot" }, "dependencies": { "vue": "^2.5.11", "vue-router": "^3.0.2" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ], "devDependencies": { "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-preset-env": "^1.6.0", "babel-preset-stage-3": "^6.24.1", "cross-env": "^5.0.5", "css-loader": "^0.28.7", "file-loader": "^1.1.4", "vue-loader": "^14.2.3", "vue-template-compiler": "^2.4.4", "webpack": "^3.12.0", "webpack-dev-server": "^2.9.1" } } ``` 该配置似乎能检测到文件的变化,每次改动后,控制台都会输出: client:77 [WDS] Hot Module Replacement enabled. 2client:80 [WDS] App updated. Recompiling... client:223 [WDS] App hot update...
vue打包后iphone 5c ios10.3.3打开报错,调试时无错误. 求解决办法
### 问题描述: 公司测试小哥的苹果5c在本地调试的时候是可以打开的. 蓝后.. 打包后页面打开空白,在别的手机上表现良好.(可能安卓低版本也会报错吧) ### 环境背景及尝试过的方法: 出现问题的手机是 10.3ios版本的苹果5c 问题出现后, 我尝试加载 babel-polyfill,es6-promise但没有卵用,依旧报同样的错误 ### 相关代码 ``` main.js中 import 'babel-polyfill' import Es6Promise from 'es6-promise' require('es6-promise').polyfill() Es6Promise.polyfill() webpack.base.conf.js中也尝试过 entry: { app: ["babel-polyfill","./src/main.js"] } ``` ### 报错 1. SyntaxError: Cannot declare a let variable twice: 't'. vendor.js 2. TypeError: undefined is not an object (evaluating 'r[n].call') 各位大佬请问是我的开发方式不对吗? 寻求解决办法 .babelrc 代码 ``` { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], "stage-2" ], "plugins": ["transform-vue-jsx", "transform-runtime"], "env": { "test": { "presets": ["env", "stage-2"], "plugins": ["istanbul"] } } } ``` 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 }, plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "windows.jQuery": "jquery" }) ], 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' } } ```
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 } ] }) ```
webpack 打包报错,怎么解决,大神帮忙看一下 多谢
ERROR in ./node_modules/_css-loader@0.28.11@css-loader!./src/assets/vendor/mui/css/mui.css Module build failed: @ ./src/assets/vendor/mui/css/mui.css 2:14-104 @ ./src/main.js npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! y@1.0.0 build: `cross-env NODE_ENV=production webpack --progress --hide-modules` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the y@1.0.0 build 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:
请教关于使用JS实现浏览器简单自动登录的脚本
本人想用 JS 实现谷歌浏览器自动登录功能 以下为JS代码 ``` document.getElementById('username').value='admin'; document.getElementById('password').value='123456'; credentials.username='admin'; credentials.password='123456'; document.getElementById("submit").disabled=false; document.getElementById('submit').click(); ``` 目前问题是 用户名和密码都有 ng-model属性, 导致一直提示账号密码错误。 请问这种情况下 应该怎么修改。请各位大神指导下。 问题关键点: 关键点是 ng-model属性是双向绑定,页面提交的数据是credentials,而不是某个输入框的VALUE ;单独改VALUE或者直接credentials.username=赋值提交后是无效的。还是账号密码错误。;需要解决的是这种情况下如何给credentials里面的credentials.username和credentials。password正确的赋值。 下面是网页的源码: ``` <!DOCTYPE html><html class="no-js vui-layout-html" ng-app="esxUiApp" style="min-width: 768px;"><head class=""><style type="text/css" class="">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}</style> <title ng-bind="$root.title" class="">登录 - VMware ESXi</title> <meta charset="utf-8" class=""> <meta http-equiv="X-UA-Compatible" content="IE=edge" class=""> <meta http-equiv="cache-control" content="max-age=0" class=""> <meta http-equiv="cache-control" content="no-cache" class=""> <meta http-equiv="expires" content="0" class=""> <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" class=""> <meta http-equiv="pragma" content="no-cache" class=""> <meta name="description" content="" class=""> <!-- The initial, max and min scale settings --> <meta name="viewport" content=" width=device-width, initial-scale=0.5001, minimum-scale=1.0001, maximum-scale=5.0001, user-scalable=yes" class=""> <!-- The following will hide the chrome on mobile Safari and Chrome on Android if the user has added a shortcut to their home screen. --> <meta name="mobile-web-app-capable" content="yes" class=""> <meta name="apple-mobile-web-app-capable" content="yes" class=""> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" class=""> <link rel="stylesheet" href="bower_components/vui-bootstrap/css/vui-bootstrap.min.css" class=""> <link rel="stylesheet" href="bower_components/jquery-ui/themes/base/jquery-ui.min.css" class=""> <link rel="stylesheet" href="bower_components/codemirror/lib/codemirror.css" class=""> <link rel="stylesheet" href="bower_components/codemirror/theme/mdn-like.css" class=""> <link rel="stylesheet" href="bower_components/nvd3/build/nv.d3.min.css" class=""> <link rel="stylesheet" href="bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" class=""> <link rel="icon" type="image/x-icon" href="favicon.ico" class=""> <link rel="apple-touch-icon" href="apple-touch-icon.png" class=""> <link rel="stylesheet" href="node_modules/vfeed/vfeed.css" class=""> <!-- build:css(.tmp) styles/main.css --> <link rel="stylesheet" href="styles/main.css" class=""> <!-- endbuild --> <!-- we use vendor.css to allow partner customizations, normally it is empty --> <link rel="stylesheet" href="styles/vendor.css" class=""> <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="main" src="scripts/main.js" class=""></script></head> <body ng-app="esxUiApp" class="base-app-style" style="overflow: hidden;"> <!--[if lt IE 7]> <p class="browsehappy"> You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience. </p> <![endif]--> <!-- Add your site or application content here --> <div class=""> <!-- uiView: --><div ui-view="" class=""><div class="loginContainer"> <img id="topSplash" src="images/AppBgPattern.png" alt="背景图像"> <div style="position: absolute; top: 65px; left: 65px;"> <img src="images/vmware_logo_white_transparent.png" style="width: 60%;"> </div> <form name="loginForm" ng-submit="login(credentials)" novalidate="" class="ng-pristine ng-valid"> <div id="loginForm"> <p class="loginRow ng-hide" ng-show="devmode || electron"> <label id="host-label" class="loginLabel">主机名 <input id="hostname" autocomplete="off" aria-labelledby="host-label" tabindex="1" ng-disabled="loggingIn" ng-class="{loginFailed: loginFailed}" class="margeTextInput ng-pristine ng-untouched ng-valid" type="text" ng-model="credentials.hostname" ng-model-options="{ updateOn: 'blur' }"> </label> </p> <p class="loginRow"> <label id="username-label" class="loginLabel">用户名 <input id="username" aria-labelledby="username-label" tabindex="2" focus-me="true" ng-disabled="loggingIn" ng-class="{loginFailed: loginFailed}" class="margeTextInput ng-pristine ng-valid ng-touched" type="text" ng-model="credentials.username"> </label> </p> <p class="loginRow"> <label id="password-label" class="loginLabel">密码 <input id="password" autocomplete="off" aria-labelledby="password-label" tabindex="4" ng-disabled="loggingIn" ng-class="{loginFailed: loginFailed}" class="margeTextInput ng-pristine ng-untouched ng-valid" type="password" ng-model="credentials.password"> </label> </p> <p>&nbsp;</p> <p id="loginButtonRow"> <input id="submit" class="button blue" type="submit" value="登录" ng-disabled="credentials.username === '' || loggingIn" disabled="disabled"> </p> </div> <div id="productName"> <img src="images/vmware_logo_white_transparent.png" style="width: 120px; margin-right: 10px;"> <img src="images/esxi.png" style="margin-bottom: 2px; width: 60px;"> <!-- ngIf: loggingIn --> <!-- ngIf: status !== null --> <div ng-show="welcome !== null &amp;&amp; !loggingIn &amp;&amp; !initializing" ng-style="{'margin-top': status === null ? '29px' : '10px'}" class="loginWelcome ng-hide" style="margin-top: 29px;"> <div ng-bind-html="welcome | escapeHtml | linebreak"></div> <div ng-show="accept !== null" style="margin: 10px; text-align: right;" class="ng-hide"> <label> <input type="checkbox" tabindex="3" ng-model="accepted" style="margin: 0 5px 0 0;" class="ng-pristine ng-untouched ng-valid"> </label> </div> </div> </div> </form> <div id="footer" class="footer"> <a href="https://www.vmware.com/cn/support/pubs/" target="_blank"> <i class="esx-icon-help-new-window" style="margin-top: -3px; margin-right: 6px;"></i>打开 VMware Host Client 文档</a> <div style="float: right;"></div> </div> </div> </div> </div> <!-- Fixes required for electron --> <script class=""> var _loc = String(window.location); if (_loc && _loc.indexOf('file:///') >= 0) { // requireJS has a bit of a crippled exporting mechanism for node, so we need to pull // these objects up into global scope. require('./bower_components/es6-promise/es6-promise.min.js'); window.$ = window.jQuery = require('./bower_components/jquery/dist/jquery.min'); require('./bower_components/jquery-ui/jquery-ui.min'); window.I18n = require('./bower_components/i18n-js/app/assets/javascripts/i18n.js') window.vsphere = require('./thirdparty/vspherejs/index.js') window.ipaddr = require('./bower_components/ipaddr/ipaddr.min.js'); } </script> <!-- end electron --> <!-- build:js(.) scripts/oldieshim.js --> <!--[if lt IE 9]> <script src="bower_components/es5-shim/es5-shim.js"></script> <script src="bower_components/json3/lib/json3.js"></script> <![endif]--> <!-- endbuild --> <script src="bower_components/jxon/index.js" class=""></script> <script src="bower_components/i18n-js/app/assets/javascripts/i18n.js" class=""></script> <script src="bower_components/es6-shim/es6-shim.min.js" class=""></script> <!-- The main entry point for Angular --> <script src="bower_components/requirejs/require.js" data-main="scripts/main" class=""></script> </body></html> ```
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
程序员请照顾好自己,周末病魔差点一套带走我。
程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。
卸载 x 雷某度!GitHub 标星 1.5w+,从此我只用这款全能高速下载工具!
作者 | Rocky0429 来源 | Python空间 大家好,我是 Rocky0429,一个喜欢在网上收集各种资源的蒟蒻… 网上资源眼花缭乱,下载的方式也同样千奇百怪,比如 BT 下载,磁力链接,网盘资源等等等等,下个资源可真不容易,不一样的方式要用不同的下载软件,因此某比较有名的 x 雷和某度网盘成了我经常使用的工具。 作为一个没有钱的穷鬼,某度网盘几十 kb 的下载速度让我...
讲真,这两个IDE插件,可以让你写出质量杠杠的代码
周末躺在床上看《拯救大兵瑞恩》 周末在闲逛的时候,发现了两个优秀的 IDE 插件,据说可以提高代码的质量,我就安装了一下,试了试以后发现,确实很不错,就推荐给大家。 01、Alibaba Java 代码规范插件 《阿里巴巴 Java 开发手册》,相信大家都不会感到陌生,其 IDEA 插件的下载次数据说达到了 80 万次,我今天又贡献了一次。嘿嘿。 该项目的插件地址: https://github....
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
C语言荣获2019年度最佳编程语言
关注、星标公众号,不错过精彩内容作者:黄工公众号:strongerHuang近日,TIOBE官方发布了2020年1月编程语言排行榜单。我在前面给过一篇文章《2019年11月C语言接近Ja...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
应届生/社招面试最爱问的几道Java基础问题
本文已经收录自笔者开源的 JavaGuide: https://github.com/Snailclimb (【Java学习 面试指南】 一份涵盖大部分Java程序员所需要掌握的核心知识)如果觉得不错的还,不妨去点个Star,鼓励一下! 一 为什么 Java 中只有值传递? 首先回顾一下在程序设计语言中有关将参数传递给方法(或函数)的一些专业术语。按值调用(call by value)表...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
Idea 中最常用的10款插件(提高开发效率),一定要学会使用!
学习使用一些插件,可以提高开发效率。对于我们开发人员很有帮助。这篇博客介绍了开发中使用的插件。
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
最全最强!世界大学计算机专业排名总结!
我正在参与CSDN200进20,希望得到您的支持,扫码续投票5次。感谢您! (为表示感谢,您投票后私信我,我把我总结的人工智能手推笔记和思维导图发送给您,感谢!) 目录 泰晤士高等教育世界大学排名 QS 世界大学排名 US News 世界大学排名 世界大学学术排名(Academic Ranking of World Universities) 泰晤士高等教育世界大学排名 中国共...
一份王者荣耀的英雄数据报告
咪哥杂谈本篇阅读时间约为 6 分钟。1前言前一阵写了关于王者的一些系列文章,从数据的获取到数据清洗,数据落地,都是为了本篇的铺垫。今天来实现一下,看看不同维度得到的结论。2环境准备本次实...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
一个程序在计算机中是如何运行的?超级干货!!!
强烈声明:本文很干,请自备茶水!???? 开门见山,咱不说废话! 你有没有想过,你写的程序,是如何在计算机中运行的吗?比如我们搞Java的,肯定写过这段代码 public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World!"); } ...
【蘑菇街技术部年会】程序员与女神共舞,鼻血再次没止住。(文末内推)
蘑菇街技术部的年会,别开生面,一样全是美女。
那个在阿里养猪的工程师,5年了……
简介: 在阿里,走过1825天,没有趴下,依旧斗志满满,被称为“五年陈”。他们会被授予一枚戒指,过程就叫做“授戒仪式”。今天,咱们听听阿里的那些“五年陈”们的故事。 下一个五年,猪圈见! 我就是那个在养猪场里敲代码的工程师,一年多前我和20位工程师去了四川的猪场,出发前总架构师慷慨激昂的说:同学们,中国的养猪产业将因为我们而改变。但到了猪场,发现根本不是那么回事:要个WIFI,没有;...
为什么程序猿都不愿意去外包?
分享外包的组织架构,盈利模式,亲身经历,以及根据一些外包朋友的反馈,写了这篇文章 ,希望对正在找工作的老铁有所帮助
Java校招入职华为,半年后我跑路了
何来 我,一个双非本科弟弟,有幸在 19 届的秋招中得到前东家华为(以下简称 hw)的赏识,当时秋招签订就业协议,说是入了某 java bg,之后一系列组织架构调整原因等等让人无法理解的神操作,最终毕业前夕,被通知调往其他 bg 做嵌入式开发(纯 C 语言)。 由于已至于校招末尾,之前拿到的其他 offer 又无法再收回,一时感到无力回天,只得默默接受。 毕业后,直接入职开始了嵌入式苦旅,由于从未...
立即提问