Skip to content

cannot resolve 'file' or 'directory' webpack #19

Closed
@sunny-rajkotiya

Description

@sunny-rajkotiya

I just npm installed vue-cli and did same task as instructed npm run dev is working fine but when i do npm run build i got following error message

> vue-project@ build /var/www/html/vue-lab2/vue-project
> rimraf dist && webpack --progress --hide-modules --config build/webpack.prod.conf.js

Hash: f8302fe592cda5dae1c2  
Version: webpack 1.12.11
Time: 2888ms
                          Asset       Size  Chunks             Chunk Names
    app.1c5e9c5cf5fc998a31b4.js    89.4 kB       0  [emitted]  app
app.1c5e9c5cf5fc998a31b4.js.map     687 kB       0  [emitted]  app
                  ../index.html  207 bytes          [emitted]  

ERROR in ./src/App.vue
Module not found: Error: Cannot resolve 'file' or 'directory' ./../../../../../../vue-lab2/vue-project/node_modules/extract-text-webpack-plugin/loader.js in /var/www/html/vue-lab2/vue-project/src
 @ ./src/App.vue 2:0-352

this is my package.json

{
  "name": "vue-project",
  "description": "This is to test basic vue structure",
  "author": "Sunny Rajkotiya <sunny.rajkotiya@knolskape.com>",
  "private": true,
  "scripts": {
    "dev": "webpack-dev-server --inline --hot --config build/webpack.dev.conf.js",
    "build": "rimraf dist && webpack --progress --hide-modules --config build/webpack.prod.conf.js",
    "test": "karma start build/karma.conf.js --single-run"
  },
  "dependencies": {
    "vue": "^1.0.0"
  },
  "devDependencies": {
    "babel-core": "^6.0.0",
    "babel-loader": "^6.0.0",
    "babel-plugin-transform-runtime": "^6.0.0",
    "babel-preset-es2015": "^6.0.0",
    "babel-preset-stage-2": "^6.0.0",
    "babel-runtime": "^5.8.0",
    "css-loader": "^0.23.0",
    "eslint": "^1.10.3",
    "eslint-friendly-formatter": "^1.2.2",
    "eslint-loader": "^1.2.0",
    "extract-text-webpack-plugin": "^0.9.1",
    "file-loader": "^0.8.4",
    "function-bind": "^1.0.2",
    "html-webpack-plugin": "^1.7.0",
    "inject-loader": "^2.0.1",
    "jasmine-core": "^2.4.1",
    "json-loader": "^0.5.4",
    "karma": "^0.13.15",
    "karma-jasmine": "^0.3.6",
    "karma-phantomjs-launcher": "^0.2.1",
    "karma-spec-reporter": "0.0.23",
    "karma-webpack": "^1.7.0",
    "phantomjs": "^1.9.19",
    "rimraf": "^2.5.0",
    "url-loader": "^0.5.7",
    "vue-hot-reload-api": "^1.2.0",
    "vue-html-loader": "^1.0.0",
    "vue-loader": "^8.0.0",
    "vue-style-loader": "^1.0.0",
    "webpack": "^1.12.2",
    "webpack-dev-server": "^1.12.0"
  }
}

i have npm version 3.3.12

I tried all solutions mentioned in vuejs/vue-loader#70 ,webpack/webpack#981, also tried adding resolve.root = resolve.path(__dirname,"node_modules") or resolveLoader: {
root: path.join(__dirname, 'node_modules')
}
but nothing worked

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions