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

1个回答

找到问题所在了. 因为用了 sass 是不能用{}语法的. </p>

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
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
自己用webpack构建vue项目报错,求帮助万分感谢
神烦怎么也解决不了问题,用localhost能访问到的是目录 用node:{ fs: 'empty', net: 'empty', tls: 'empty', child_process: 'empty' }能减少几个报错信息 以下是我的配置 ``` const path = require('path'); const HTMLPlugin = require('html-webpack-plugin'); const VueLoaderPlugin = require('vue-loader/lib/plugin'); const webpack = require('webpack'); const isDev = process.env.NODE_ENV === 'development'; //package.json设置的对象全部存在process.env里面 const config = { target: 'web', entry: path.join(__dirname, 'src/index.js'),//设置入口,__dirname代表本文件所在的地址,也就是根目录 output: { filename: 'bundle.js', //打包的名字 path: path.join(__dirname, 'dist') //打包路径 }, plugins: [ // make sure to include the plugin for the magic new VueLoaderPlugin(), new webpack.DefinePlugin({ 'process.env': { NODE_ENV: isDev ? '"development"' : '"production"' //调用process.env.NODE_ENV 可以获取 环境 } }), new HTMLPlugin() ], module: { rules: [ { test: /\.vue$/, loader: 'vue-loader' }, { test: /\.css$/, use: [ 'style-loader', 'css-loader' ] }, { test: /\.styl$/, use: [ 'style-loader', 'css-loader', 'stylus-loader' ] }, { test: /\.(jpg|gif|jpeg|png|svg)$/, use: [{ loader: 'url-loader', options: { limit: 1024,//可以帮小于1024的图片转换base-64代码直接写在js里面,减少http请求 name: '[name].[ext]' //重命名 name图片原来的名字 ext文件扩展名 } }] } ] } }; if (isDev) { config.devServer = { port: '8200', host: '0.0.0.0', overlay: { errors: true, } } } module.exports = config; ``` 下面是报错信息 ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/testbinary.js Module not found: Error: Can't resolve 'child_process' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\node-pre-gyp\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/testbinary.js 10:9-33 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/util/compile.js Module not found: Error: Can't resolve 'child_process' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\node-pre-gyp\lib\util' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/util/compile.js 9:9-33 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/osenv/osenv.js Module not found: Error: Can't resolve 'child_process' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\osenv' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/osenv/osenv.js 3:11-35 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/nopt/lib/nopt.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_worker-farm@1.6.0@worker-farm/lib/fork.js Module not found: Error: Can't resolve 'child_process' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_worker-farm@1.6.0@worker-farm\lib' @ ./node_modules/_worker-farm@1.6.0@worker-farm/lib/fork.js 3:21-45 @ ./node_modules/_worker-farm@1.6.0@worker-farm/lib/farm.js @ ./node_modules/_worker-farm@1.6.0@worker-farm/lib/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_cacache@10.0.4@cacache/get.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_cacache@10.0.4@cacache' @ ./node_modules/_cacache@10.0.4@cacache/get.js 5:11-24 @ ./node_modules/_cacache@10.0.4@cacache/locales/en.js @ ./node_modules/_cacache@10.0.4@cacache/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_chokidar@2.0.4@chokidar/index.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_chokidar@2.0.4@chokidar' @ ./node_modules/_chokidar@2.0.4@chokidar/index.js 3:9-22 @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_chokidar@2.0.4@chokidar\lib' @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js 3:9-22 @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_chokidar@2.0.4@chokidar/lib/nodefs-handler.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_chokidar@2.0.4@chokidar\lib' @ ./node_modules/_chokidar@2.0.4@chokidar/lib/nodefs-handler.js 3:9-22 @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_chownr@1.1.1@chownr/chownr.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_chownr@1.1.1@chownr' @ ./node_modules/_chownr@1.1.1@chownr/chownr.js 2:11-24 @ ./node_modules/_cacache@10.0.4@cacache/lib/util/fix-owner.js @ ./node_modules/_cacache@10.0.4@cacache/lib/util/tmp.js @ ./node_modules/_cacache@10.0.4@cacache/locales/en.js @ ./node_modules/_cacache@10.0.4@cacache/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_copy-concurrently@1.0.5@copy-concurrently/copy.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_copy-concurrently@1.0.5@copy-concurrently' @ ./node_modules/_copy-concurrently@1.0.5@copy-concurrently/copy.js 8:13-26 @ ./node_modules/_move-concurrently@1.0.1@move-concurrently/move.js @ ./node_modules/_cacache@10.0.4@cacache/lib/util/move-file.js @ ./node_modules/_cacache@10.0.4@cacache/lib/content/write.js @ ./node_modules/_cacache@10.0.4@cacache/put.js @ ./node_modules/_cacache@10.0.4@cacache/locales/en.js @ ./node_modules/_cacache@10.0.4@cacache/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fs.realpath@1.0.0@fs.realpath/old.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fs.realpath@1.0.0@fs.realpath' @ ./node_modules/_fs.realpath@1.0.0@fs.realpath/old.js 24:9-22 @ ./node_modules/_fs.realpath@1.0.0@fs.realpath/index.js @ ./node_modules/_glob@7.1.3@glob/glob.js @ ./node_modules/_cacache@10.0.4@cacache/lib/verify.js @ ./node_modules/_cacache@10.0.4@cacache/verify.js @ ./node_modules/_cacache@10.0.4@cacache/locales/en.js @ ./node_modules/_cacache@10.0.4@cacache/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fs.realpath@1.0.0@fs.realpath/index.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fs.realpath@1.0.0@fs.realpath' @ ./node_modules/_fs.realpath@1.0.0@fs.realpath/index.js 8:9-22 @ ./node_modules/_glob@7.1.3@glob/glob.js @ ./node_modules/_cacache@10.0.4@cacache/lib/verify.js @ ./node_modules/_cacache@10.0.4@cacache/verify.js @ ./node_modules/_cacache@10.0.4@cacache/locales/en.js @ ./node_modules/_cacache@10.0.4@cacache/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents' @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js 17:9-22 @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/chownr/chownr.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\chownr' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/chownr/chownr.js 4:9-22 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/mkdir.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/unpack.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/index.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/detect-libc/lib/detect-libc.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\detect-libc\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/detect-libc/lib/detect-libc.js 5:18-31 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/util/versioning.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/fs-minipass/index.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\fs-minipass' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/fs-minipass/index.js 4:11-24 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/create.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/index.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/fs.realpath/old.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\fs.realpath' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/fs.realpath/old.js 24:9-22 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/fs.realpath/index.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/glob/glob.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/rimraf/rimraf.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/util/napi.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/fs.realpath/index.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\fs.realpath' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/fs.realpath/index.js 8:9-22 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/glob/glob.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/rimraf/rimraf.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/util/napi.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/glob/glob.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\glob' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/glob/glob.js 43:9-22 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/rimraf/rimraf.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/util/napi.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/glob/sync.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\glob' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/glob/sync.js 4:9-22 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/glob/glob.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/rimraf/rimraf.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/util/napi.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/ignore-walk/index.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\ignore-walk' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/ignore-walk/index.js 3:11-24 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/npm-packlist/index.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/mkdirp/index.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\mkdirp' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/mkdirp/index.js 2:9-22 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/testpackage.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/needle/lib/multipart.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\needle\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/needle/lib/multipart.js 1:15-28 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/needle/lib/needle.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/install.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/needle/lib/needle.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\needle\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/needle/lib/needle.js 8:18-31 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/install.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/testbinary.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\node-pre-gyp\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/testbinary.js 7:9-22 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/testpackage.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\node-pre-gyp\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/testpackage.js 7:9-22 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\node-pre-gyp\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js 13:9-22 @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/pre-binding.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\node-pre-gyp\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/pre-binding.js 5:17-30 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/clean.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\node-pre-gyp\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/clean.js 7:9-22 9:13-26 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/unpublish.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\node-pre-gyp\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/unpublish.js 7:9-22 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\node-pre-gyp\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js 7:9-22 12:12-25 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/npm-bundled/index.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\npm-bundled' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/npm-bundled/index.js 10:11-24 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/npm-packlist/index.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/rimraf/rimraf.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\rimraf' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/rimraf/rimraf.js 6:9-22 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/util/napi.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/replace.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\tar\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/replace.js 8:11-24 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/index.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/mkdir.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\tar\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/mkdir.js 8:11-24 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/unpack.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/index.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/write-entry.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\tar\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/write-entry.js 7:11-24 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/index.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/unpack.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\tar\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/unpack.js 6:11-24 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/index.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/pack.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\tar\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/pack.js 56:11-24 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/index.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/extract.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\tar\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/extract.js 6:11-24 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/index.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/list.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\tar\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/list.js 11:11-24 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/index.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/create.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_fsevents@1.2.4@fsevents\node_modules\tar\lib' @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/lib/create.js 7:11-24 @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/tar/index.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/package.js @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib sync ^\.\/.*$ @ ./node_modules/_fsevents@1.2.4@fsevents/node_modules/node-pre-gyp/lib/node-pre-gyp.js @ ./node_modules/_fsevents@1.2.4@fsevents/fsevents.js @ ./node_modules/_chokidar@2.0.4@chokidar/lib/fsevents-handler.js @ ./node_modules/_chokidar@2.0.4@chokidar/index.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/DirectoryWatcher.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watcherManager.js @ ./node_modules/_watchpack@1.6.0@watchpack/lib/watchpack.js @ (webpack)/lib/node/NodeWatchFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_glob@7.1.3@glob/sync.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_glob@7.1.3@glob' @ ./node_modules/_glob@7.1.3@glob/sync.js 4:9-22 @ ./node_modules/_glob@7.1.3@glob/glob.js @ ./node_modules/_cacache@10.0.4@cacache/lib/verify.js @ ./node_modules/_cacache@10.0.4@cacache/verify.js @ ./node_modules/_cacache@10.0.4@cacache/locales/en.js @ ./node_modules/_cacache@10.0.4@cacache/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_glob@7.1.3@glob/glob.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_glob@7.1.3@glob' @ ./node_modules/_glob@7.1.3@glob/glob.js 43:9-22 @ ./node_modules/_cacache@10.0.4@cacache/lib/verify.js @ ./node_modules/_cacache@10.0.4@cacache/verify.js @ ./node_modules/_cacache@10.0.4@cacache/locales/en.js @ ./node_modules/_cacache@10.0.4@cacache/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_graceful-fs@4.1.11@graceful-fs/graceful-fs.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_graceful-fs@4.1.11@graceful-fs' @ ./node_modules/_graceful-fs@4.1.11@graceful-fs/graceful-fs.js 1:9-22 @ ./node_modules/_enhanced-resolve@4.1.0@enhanced-resolve/lib/NodeJsInputFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_graceful-fs@4.1.11@graceful-fs/fs.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_graceful-fs@4.1.11@graceful-fs' @ ./node_modules/_graceful-fs@4.1.11@graceful-fs/fs.js 3:9-22 @ ./node_modules/_graceful-fs@4.1.11@graceful-fs/graceful-fs.js @ ./node_modules/_enhanced-resolve@4.1.0@enhanced-resolve/lib/NodeJsInputFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_loader-runner@2.3.1@loader-runner/lib/LoaderRunner.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_loader-runner@2.3.1@loader-runner\lib' @ ./node_modules/_loader-runner@2.3.1@loader-runner/lib/LoaderRunner.js 5:9-22 @ (webpack)/lib/NormalModule.js @ (webpack)/lib/AutomaticPrefetchPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_make-dir@1.3.0@make-dir/index.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_make-dir@1.3.0@make-dir' @ ./node_modules/_make-dir@1.3.0@make-dir/index.js 2:11-24 @ ./node_modules/_find-cache-dir@1.0.0@find-cache-dir/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_mkdirp@0.5.1@mkdirp/index.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_mkdirp@0.5.1@mkdirp' @ ./node_modules/_mkdirp@0.5.1@mkdirp/index.js 2:9-22 @ (webpack)/lib/node/NodeOutputFileSystem.js @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_move-concurrently@1.0.1@move-concurrently/move.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_move-concurrently@1.0.1@move-concurrently' @ ./node_modules/_move-concurrently@1.0.1@move-concurrently/move.js 4:13-26 @ ./node_modules/_cacache@10.0.4@cacache/lib/util/move-file.js @ ./node_modules/_cacache@10.0.4@cacache/lib/content/write.js @ ./node_modules/_cacache@10.0.4@cacache/put.js @ ./node_modules/_cacache@10.0.4@cacache/locales/en.js @ ./node_modules/_cacache@10.0.4@cacache/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_path-exists@3.0.0@path-exists/index.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_path-exists@3.0.0@path-exists' @ ./node_modules/_path-exists@3.0.0@path-exists/index.js 2:11-24 @ ./node_modules/_locate-path@2.0.0@locate-path/index.js @ ./node_modules/_find-up@2.1.0@find-up/index.js @ ./node_modules/_pkg-dir@2.0.0@pkg-dir/index.js @ ./node_modules/_find-cache-dir@1.0.0@find-cache-dir/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_rimraf@2.6.2@rimraf/rimraf.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_rimraf@2.6.2@rimraf' @ ./node_modules/_rimraf@2.6.2@rimraf/rimraf.js 6:9-22 @ ./node_modules/_cacache@10.0.4@cacache/lib/util/tmp.js @ ./node_modules/_cacache@10.0.4@cacache/locales/en.js @ ./node_modules/_cacache@10.0.4@cacache/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_schema-utils@0.4.7@schema-utils/src/validateOptions.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_schema-utils@0.4.7@schema-utils\src' @ ./node_modules/_schema-utils@0.4.7@schema-utils/src/validateOptions.js 8:11-24 @ ./node_modules/_schema-utils@0.4.7@schema-utils/src/index.js @ (webpack)/lib/BannerPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_snapdragon@0.8.2@snapdragon/lib/source-maps.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_snapdragon@0.8.2@snapdragon\lib' @ ./node_modules/_snapdragon@0.8.2@snapdragon/lib/source-maps.js 3:9-22 @ ./node_modules/_snapdragon@0.8.2@snapdragon/lib/compiler.js @ ./node_modules/_snapdragon@0.8.2@snapdragon/index.js @ ./node_modules/_micromatch@3.1.10@micromatch/lib/utils.js @ ./node_modules/_micromatch@3.1.10@micromatch/index.js @ (webpack)/lib/optimize/SideEffectsFlagPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_uglify-es@3.3.9@uglify-es/tools/node.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_uglify-es@3.3.9@uglify-es\tools' @ ./node_modules/_uglify-es@3.3.9@uglify-es/tools/node.js 1:9-22 @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/minify.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in (webpack)/lib/debug/ProfilingPlugin.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_webpack@4.20.2@webpack\lib\debug' @ (webpack)/lib/debug/ProfilingPlugin.js 1:11-24 @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in (webpack)/lib/node/NodeMainTemplateAsync.runtime.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_webpack@4.20.2@webpack\lib\node' @ (webpack)/lib/node/NodeMainTemplateAsync.runtime.js 10:2-15 28:3-16 @ (webpack)/lib/node/NodeMainTemplatePlugin.js @ (webpack)/lib/node/NodeTemplatePlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in (webpack)/lib/node/NodeOutputFileSystem.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_webpack@4.20.2@webpack\lib\node' @ (webpack)/lib/node/NodeOutputFileSystem.js 7:11-24 @ (webpack)/lib/node/NodeEnvironmentPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in ./node_modules/_y18n@4.0.0@y18n/index.js Module not found: Error: Can't resolve 'fs' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_y18n@4.0.0@y18n' @ ./node_modules/_y18n@4.0.0@y18n/index.js 1:9-22 @ ./node_modules/_cacache@10.0.4@cacache/lib/util/y.js @ ./node_modules/_cacache@10.0.4@cacache/locales/en.js @ ./node_modules/_cacache@10.0.4@cacache/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/uglify/Runner.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/index.js @ ./node_modules/_uglifyjs-webpack-plugin@1.3.0@uglifyjs-webpack-plugin/dist/cjs.js @ (webpack)/lib/WebpackOptionsDefaulter.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in (webpack)/lib/NormalModule.js Module not found: Error: Can't resolve 'module' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_webpack@4.20.2@webpack\lib' @ (webpack)/lib/NormalModule.js 7:21-38 @ (webpack)/lib/AutomaticPrefetchPlugin.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack ERROR in (webpack)/lib/node/NodeTargetPlugin.js Module not found: Error: Can't resolve 'module' in 'D:\java\JetBrains\module\vue-app\vue-todo\node_modules\_webpack@4.20.2@webpack\lib\node' @ (webpack)/lib/node/NodeTargetPlugin.js 11:1-18 @ (webpack)/lib/WebpackOptionsApply.js @ (webpack)/lib/webpack.js @ multi ./node_modules/_webpack-dev-server@3.1.9@webpack-dev-server/client?http://0.0.0.0:8200 webpack Child html-webpack-plugin for "index.html": 1 asset Entrypoint undefined = index.html [0] ./node_modules/_html-webpack-plugin@3.2.0@html-webpack-plugin/lib/loader.js!./node_modules/_html-webpack-plugin@3.2.0@html-webpack-plugin/default_index.ejs 392 bytes {0} [b uilt] [1] ./node_modules/_lodash@4.17.11@lodash/lodash.js 527 KiB {0} [built] [2] (webpack)/buildin/global.js 509 bytes {0} [built] [3] (webpack)/buildin/module.js 519 bytes {0} [built] i 「wdm」: Failed to compile.
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项目结构:**
运行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" } } ```
webstorm中.vue文件中写stylus,总是出现警告和错误,但不影响编译
webstorm中.vue文件中写stylus,总是出现警告和错误,但不影响编译。单独的.styl文件不会报错。 ![图片说明](https://img-ask.csdn.net/upload/201705/19/1495163469_814566.png) webstorm版本2017.1.2 packpage.json中插件的版本 "dependencies": { "css-loader": "^0.26.4", "style-loader": "^0.17.0", "stylus": "^0.54.5", "stylus-loader": "^3.0.1", "vue": "^2.2.2", "vue-resource": "^1.3.1", "vue-router": "^2.3.0" },
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.js的时候webpack打包,在编译style样式的时候出现了问题,代码如下图
![图片说明](https://img-ask.csdn.net/upload/201810/27/1540624816_421273.png) ![图片说明](https://img-ask.csdn.net/upload/201810/27/1540624833_44974.png) ![图片说明](https://img-ask.csdn.net/upload/201810/27/1540624844_419387.png) 第一张通过import引入我已经写好了的css代码, 第二章,在webpack.config.js中加载style-loader第三方模块, 第三章,使用npm run dev 进行编译出现编译失败的情况
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 } ] }) ```
vue-cli webpack 中import 带有@的css 报错
vue-cli webpack 中import 带有@的css 报错 我想添加style-loader 有好多config文件应该在那个文件里面添加style-loader
大佬们,vue项目build不成功,该怎么办
## # 大佬们,求助! 我vue项目本地运行没问题,可是打包的时候就报错。看报错好像是css-loader的问题,可是不知道怎么解决。对于配置这些实在是一知半解 好几个报错都一样,截其中一个 ![图片说明](https://img-ask.csdn.net/upload/201911/24/1574534488_474873.png) 这是我的vue.config.js 的配置 ``` const path = require("path"); module.exports = { publicPath:'./', devServer: { open: true, //配置自动启动浏览器 host: "localhost", port: 8081, // 端口号 https: false, hotOnly: false, // https:{type:Boolean} proxy: { // 配置跨域 "/api": { target: "http://data.api51.cn/", //源地址 changeOrigin: true, //改变源 ws: true, //是否代理websockets pathRewrite: { "^/api": "" } } }, // 配置跨域处理,只有一个代理 before: app => {} }, pluginOptions: { "style-resources-loader": { preProcessor: "less", patterns: [] } }, configureWebpack: config => { require("vux-loader").merge(config, { options: {}, plugins: [ { name: "vux-ui" }, { name: "less-theme", path: "src/style/theme.less" } ] }); } }; ``` 这是版本信息 ![图片说明](https://img-ask.csdn.net/upload/201911/25/1574666015_531346.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/1555581901_396467.jpg)
在vue项目中,在入口主文件index.js中引入less样式文件报错
引入方式如下:![图片说明](https://img-ask.csdn.net/upload/201804/26/1524749855_572114.png) 报错说明如下:![图片说明](https://img-ask.csdn.net/upload/201804/26/1524750046_435848.png) 参考了其他问题的回答,说是需要在build文件下的webpack.base.conf.js中加上 ``` { test: /\.less$/, loader: "style-loader!css-loader!less-loader" }, ``` 可是并没有解决,一样报错,求大神帮忙解决,非常感谢!
想要实现样式的条件编译,用的vue+element ui
### js的条件编译 + 安装 ``` npm i -D js-conditional-compile-loader ``` + 配置webpack webpack.base.conf.js文件中在rules配置编译条件如下 ``` module: { rules: [ { test: /\.js$/, include: [resolve('src'), resolve('test')], use: [ //step-2 'babel-loader?cacheDirectory', //step-1 { loader: 'js-conditional-compile-loader', options: { isDebug: process.env.NODE_ENV === 'development', // optional, this is default isHK: process.env.npm_config_hk, // any name, used for /* IFTRUE_isHK ...js code... FITRUE_isHK */ } }, ] }, //other rules ] } ``` + 项目中使用 插件支持IFDEBUG和IFTRUE两个条件编译指令。用法是:在js代码的任意地方以/*IFDEBUG或/*IFTRUE_xxx开头,以FIDEBUG*/或FITRUE_xxx*/结尾,中间是被包裹的js代码。xxx是在webpack中指定的条件属性名,如上面的isHK。 在项目代码中设置如下 ``` { name: '用户部门', value: 'usrDepartId' }, /* IFTRUE_isHK */ { name: '舱门管理', value: 'id' }, /* FITRUE_isHK */ { name: '手机号', value: 'telphone' }, ``` + 编译执行 在终端输入**npm run dev –hk** 可以看到舱门管理 在终端输入**npm run dev** 可以看到舱门管理被隐藏 ### 样式的条件编译 问题来了,样式的条件编译我想用以下两个方式实现,都遇到了问题,请大神指点: 对vue接触时间较短,框架底层不了解,不知道怎么进行设置,在线等 #### 1. 类似js条件编译,在webpack中进行配置 进行如下设置后,样式的条件编译无法实现 ``` { test: /\.(css|html|vue)(\?.*)?$/, // loader: 'style-loader!css-loader', include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')], use: [ //step-2 'babel-loader?cacheDirectory', //step-1 { loader: 'css-loader', options: { isDebug: process.env.NODE_ENV === 'development', // optional, this is default envTest: process.env.ENV_CONFIG === 'test', isHK: process.env.npm_config_hk, isNT: process.env.npm_config_nt, // any name, used for /* IFTRUE_ntFlag ...js code... FITRUE_ntFlag */ npm run build-demo --nt } }, ] }, ``` #### 2. 设置全局变量,通过条件渲染以实现不同效果 比如设置全局变量 *versionType为1或2* 执行 **npm run dev --hk** 时versionType为1 执行 **npm run dev --nt** 时versionType为2 问题来了,在终端执行 **npm run dev –hk** 时,在哪设置全局变量versionType=1(执行不同分支代码,实现1hk、2nt) 以下代码为全局变量,需要在哪设置: ``` /* IFTRUE_isHK */ Var versionType=1, /* FITRUE_isHK */ /* IFTRUE_isNT */ Var versionType=2, /* FITRUE_isNT */ ``` 想要实现样式的条件编译,用的vue+element ui 比如同一套代码,有个列表显示数据不一致,修改内容的时候文本框内容不一致 --- 更新,找了一些资料,最终解决方案是设置 **全局变量**,然后通过条件渲染实现样式的条件编译
关于vue的cli里面package.json文件?
求大神指教一下这里面的东西都是啥?特别是scripts里面的,我发现我家里电脑的scripts里面的东西跟公司里scripts里面的东西是不一样的? ``` { "name": "zhiliao.0", "version": "1.0.0", "description": "A Vue.js project", "author": "momo <552488648@qq.com>", "private": true, "scripts": { "dev": "node build/dev-server.js", "build": "npm run build-prod", "start": "cross-env node build/webpack.dll.js && cross-env TYPE=local node build/dev-server.js", "start-dev": "node build/webpack.dll.js && cross-env TYPE=dev node build/dev-server.js", "start-test": "node build/webpack.dll.js && cross-env TYPE=test node build/dev-server.js", "start-prod": "node build/webpack.dll.js && cross-env TYPE=prod node build/dev-server.js", "build-local": "cross-env TYPE=local model=dev node build/webpack.dll.js && cross-env TYPE=local node build/build.js", "build-dev": "cross-env TYPE=dev model=build node build/webpack.dll.js && cross-env TYPE=dev node build/build.js", "build-test": "cross-env TYPE=test model=build node build/webpack.dll.js && cross-env TYPE=test node build/build.js", "build-prod": "cross-env TYPE=prod model=build node build/webpack.dll.js && cross-env TYPE=prod node build/build.js" }, "dependencies": { "axios": "^0.15.3", "blueimp-md5": "^2.7.0", "es6-promise": "^4.1.0", "mint-ui": "^2.2.1", "qs": "^6.4.0", "vue": "^2.2.2", "vue-baidu-map": "^0.10.5", "vue-router": "^2.2.0", "vuex": "^2.2.1", "weixin-js-sdk": "^1.2.0" }, "devDependencies": { "add-asset-html-webpack-plugin": "^2.1.2", "autoprefixer": "^6.7.2", "babel-core": "^6.22.1", "babel-eslint": "^8.0.3", "babel-loader": "^6.2.10", "babel-plugin-syntax-jsx": "^6.18.0", "babel-plugin-transform-runtime": "^6.22.0", "babel-plugin-transform-vue-jsx": "^3.5.0", "babel-preset-env": "^1.2.1", "babel-preset-es2015": "^6.24.1", "babel-preset-stage-2": "^6.22.0", "babel-register": "^6.22.0", "babel-runtime": "^6.26.0", "chalk": "^1.1.3", "connect-history-api-fallback": "^1.3.0", "copy-webpack-plugin": "^4.0.1", "cross-env": "^5.1.1", "css-loader": "^0.26.4", "eslint": "4.4.1", "eslint-config-standard": "10.2.1", "eslint-friendly-formatter": "3.0.0", "eslint-loader": "1.9.0", "eslint-plugin-html": "3.1.1", "eslint-plugin-import": "2.7.0", "eslint-plugin-node": "5.1.1", "eslint-plugin-promise": "3.5.0", "eslint-plugin-standard": "3.0.1", "eventsource-polyfill": "^0.9.6", "express": "^4.14.1", "extract-text-webpack-plugin": "^2.0.0", "file-loader": "^0.10.0", "form-data": "^0.2.0", "friendly-errors-webpack-plugin": "^1.1.3", "function-bind": "^1.1.0", "happypack": "^4.0.0", "html-webpack-plugin": "^2.28.0", "http-proxy-middleware": "^0.17.3", "iconv-lite": "^0.4.7", "mime": "~1.3.4", "node-sass": "^4.9.3", "opn": "^4.0.2", "optimize-css-assets-webpack-plugin": "^1.3.0", "ora": "^1.3.0", "portfinder": "^1.0.13", "request": "~2.72.0", "rimraf": "^2.6.0", "sass-loader": "^6.0.6", "semver": "^5.3.0", "shelljs": "^0.8.1", "url-loader": "^0.5.7", "urlencode": "^1.1.0", "verification-code": "^1.0.0", "vue-loader": "^11.1.4", "vue-style-loader": "^2.0.5", "vue-template-compiler": "^2.2.4", "webpack": "^2.2.1", "webpack-bundle-analyzer": "^2.2.1", "webpack-dev-middleware": "^1.10.0", "webpack-hot-middleware": "^2.16.1", "webpack-merge": "^2.6.1", "webpack-parallel-uglify-plugin": "^1.0.2", "workbox-webpack-plugin": "^2.1.2", "ws": "^0.4.32" }, "engines": { "node": ">= 4.0.0", "npm": ">= 3.0.0" }, "publishConfig": { "registry": "http://registry.npm.alibaba-inc.com" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ] } ```
vue-awesome-swiper 手势缩放无效
问题描述: 想在vue项目中使用vue-awesome-swiper实现相册查看功能,测试的时候发现使用写死的图片src 时手势缩放没有问题,但是图片src集合换到从后台获取到再赋值的,手势缩放就不起作用了,不知道是什么原因。 用的vue template, 后台获取到的数据已经渲染到dom中,手机上测试切换没有问题,双击放大也可以,就是手势缩放或者双击放大后图片不能拖拽移动查看(用写死的图片src是可以的)。 vue项目依赖或版本: ``` "devDependencies": { "axios": "^0.15.3", "babel-plugin-component": "^0.10.1", "babel-plugin-transform-object-rest-spread": "^6.26.0", "bootstrap-sass": "^3.3.7", "cross-env": "^3.2.3", "jquery": "^3.1.1", "laravel-mix": "^0.12.1", "less": "^2.7.3", "less-loader": "^4.0.5", "lodash": "^4.17.4", "postcss-px2rem": "^0.3.0", "vue-lazyload": "^1.2.6" }, "dependencies": { "fastclick": "^1.0.6", "leancloud-realtime": "^4.0.0-alpha.3", "leancloud-realtime-plugin-typed-messages": "^3.0.0", "leancloud-storage": "^3.4.2", "mint-ui": "^2.2.11", "moment": "^2.19.1", "vee-validate": "^2.0.0", "vue": "^2.5.13", "vue-awesome-swiper": "^2.6.7", "vue-resource": "^1.3.4", "vue-router": "^3.0.1", "vuex": "^3.0.1" } ``` 问题出现的环境背景及自己尝试过哪些方法: 试过使用另一个图片预览插件 [PhotoSwipe](http://photoswipe.com/ ""):PhotoSwipe,这个插件体验感比较好,但是插件需要预先知道图片的宽高,这个目前还没有时间研究。 相关代码: ``` <style> .viewImg .swiper-slide img { width: 100%; } </style> <template> <div class="viewImg" > <a class="btn-close f-r"><img src="/images/icon-close.png" @click="closeViewer" alt="关闭" title="关闭"></a> <swiper :options="swiperOption" ref="mySwiper"> <swiper-slide v-for="img in images" :key="img.id"> <div class="swiper-zoom-container"> <img :data-src="img.smallSizeUrl" class="swiper-lazy"> </div> </swiper-slide> <div class="swiper-button-prev" slot="button-prev"></div> <div class="swiper-button-next" slot="button-next"></div> </swiper> </div> </template> <script> import 'swiper/dist/css/swiper.css' ; import { swiper, swiperSlide } from 'vue-awesome-swiper' export default { components: { swiper, swiperSlide }, data() { return {swiperOption: { allowTouchMove: true, width: window.innerWidth, notNextTick: false, observer:true,//修改swiper自己或子元素时,自动初始化swiper observeParents:true,//修改swiper的父元素时,自动初始化swiper loadPrevNext: true, lazy: { loadPrevNext: true, }, lazyLoading : true, lazyLoadingInPrevNext: true, // 设置为true允许将延迟加载应用到最接近的slide的图片(前一个和后一个slide)。 zoom: true, grabCursor: true, // 设置为true时,鼠标覆盖Swiper时指针会变成手掌形状,拖动时指针会变成抓手形状。(根据浏览器形状有所不同) pagination: { el: '.swiper-pagination' }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' } } } }, //定义这个sweiper对象 computed: { swiper() { return this.$refs.mySwiper.swiper; } }, mounted () { //这边就可以使用swiper这个对象去使用swiper官网中的那些方法 // this.swiper.slideTo(0, 1, false); }, props: { images: { required: true } }, methods:{ closeViewer: function(){ this.viewImg = false; } } } </script> ``` 我期待的结果是什么?实际看到的错误信息又是什么: 需要实现流畅的相册查看功能,支持预加载、流畅切换以及手机中手势缩放查看。 [vue-awesome-swiper 的demo](https://surmon-china.github.io/vue-awesome-swiper/ "")里可以看到都可以满足目前的主要需求,但是我在项目中出现了以上问题,求助。
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" } } ``` 求大神帮忙看看,小弟感激不尽
vue 中引入 mnt-ui 可是在页面中并不显示,而且vue是通过 render的方式添加到页面中的
在vue页面中添加了 mint-ui 的样式,可是在vue的模板中并没有显示,并且vue是通过render 的方式添加到html中的,在使用的时候浏览器却出现了runtime-only的错误,并且在引入mint-ui 的时候,对于css文件的拦截使用的拦截器,loader和use有什么区别么,为什么使用use会报错,只能使用 loader进行拦截器的加载 ``` module: { rules: [ { test: /\.vue$/, use: 'vue-loader' }, { test: /\.css$/, loader: 'style-loader', loader: 'css-loader' }, { test: /\.jpg$/, use: 'url-loader' ``` ``` <template> <div> <ul v-for="(item,index) in list" v-bind:key="index"> <li>{{ item.id }} +"..."+{{ item.name }}</li> </ul> <span class="glyphicon glyphicon-heart" aria-hidden="true">aa</span> <router-link to="/app1">app1</router-link> <router-link to="/app2">app2</router-link> <router-view></router-view> <mt-button type="primary">primary</mt-button> </div> </template> <script> export default { data() { return { list: [ { id: 1, name: "111" }, { id: 2, name: "222" }, { id: 3, name: "333" }, { id: 4, name: "444" } ] }; } }; import $ from "jquery"; $(function() { $("ul>li:odd").css("backgroundColor", "pink"); $("ul>li:even").css("backgroundColor", "purple"); }); </script> <style> @import "../node_modules/bootstrap/dist/css/bootstrap.css"; @import "./css/index.css"; ****@import "../node_modules/mint-ui/lib/style.css";**** </style> ```
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
前端 | 2. 正则
转载请注明以下: 本文转自清自以敬的博客:https://blog.csdn.net/qq_45791147 文章目录1.转义2.正则表达式初步2.1.匹配字符2.1.1.组成元素2.1.2.基础正则的设计 1.转义 转义的作用: 当某个字符在表达式中具有特殊含义,例如字符串引号中出现了引号,为了可以使用这些字符本身,而不是使用其在表达式中的特殊含义,则需要通过转义符“\”来构建该字符转义...
有哪些让程序员受益终生的建议
从业五年多,辗转两个大厂,出过书,创过业,从技术小白成长为基层管理,联合几个业内大牛回答下这个问题,希望能帮到大家,记得帮我点赞哦。 敲黑板!!!读了这篇文章,你将知道如何才能进大厂,如何实现财务自由,如何在工作中游刃有余,这篇文章很长,但绝对是精品,记得帮我点赞哦!!!! 一腔肺腑之言,能看进去多少,就看你自己了!!! 目录: 在校生篇: 为什么要尽量进大厂? 如何选择语言及方...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
Docker 从入门到掉坑
Docker 介绍 简单的对docker进行介绍,可以把它理解为一个应用程序执行的容器。但是docker本身和虚拟机还是有较为明显的出入的。我大致归纳了一下,可以总结为以下几点: docker自身也有着很多的优点,关于它的优点,可以总结为以下几项: 安装docker 从 2017 年 3 月开始 docker 在原来的基础上分为两个分支版本: Docker CE 和 Doc...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
白话阿里巴巴Java开发手册高级篇
不久前,阿里巴巴发布了《阿里巴巴Java开发手册》,总结了阿里巴巴内部实际项目开发过程中开发人员应该遵守的研发流程规范,这些流程规范在一定程度上能够保证最终的项目交付质量,通过在时间中总结模式,并推广给广大开发人员,来避免研发人员在实践中容易犯的错误,确保最终在大规模协作的项目中达成既定目标。 无独有偶,笔者去年在公司里负责升级和制定研发流程、设计模板、设计标准、代码标准等规范,并在实际工作中进行...
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
Python 编程开发 实用经验和技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法和技巧,包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等,会持续更新......
YouTube排名第一的励志英文演讲《Dream(梦想)》
Idon’t know what that dream is that you have, I don't care how disappointing it might have been as you've been working toward that dream,but that dream that you’re holding in your mind, that it’s po...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC...
为什么要学数据结构?
一、前言 在可视化化程序设计的今天,借助于集成开发环境可以很快地生成程序,程序设计不再是计算机专业人员的专利。很多人认为,只要掌握几种开发工具就可以成为编程高手,其实,这是一种误解。要想成为一个专业的开发人员,至少需要以下三个条件: 1) 能够熟练地选择和设计各种数据结构和算法 2) 至少要能够熟练地掌握一门程序设计语言 3) 熟知所涉及的相关应用领域的知识 其中,后两个条件比较容易实现,而第一个...
金山办公上市,雷军心愿了却!
作者 | 胡巍巍 出品 | CSDN(ID:CSDNnews) 11月17日,大周末的,雷军微博发了个重磅消息: “明天将是里程碑式的一天,金山办公终于成功在科创板挂牌上市了! 从1988年金山创办到今天,WPS走了整整31年。 从1999年以金山办公为主体准备上市算起,这一天,我们等了20年。 WPS和金山的历程,这是一个坚持梦想并最终取得胜利的励志故事。期待大家的祝福!”...
相关热词 c# 二进制截断字符串 c#实现窗体设计器 c#检测是否为微信 c# plc s1200 c#里氏转换原则 c# 主界面 c# do loop c#存为组套 模板 c# 停掉协程 c# rgb 读取图片
立即提问