Comments (9)
I have the same issue. Below you can find the webpack
output with --display-error-details
.
$ node_modules/rimraf/bin.js dist && node_modules/webpack/bin/webpack.js --display-error-details --progress --hide-modules --config build/webpack.prod.Hash: f72ff4065014fb6eddbc
Version: webpack 1.12.13
Time: 10075ms
Asset Size Chunks Chunk Names
app.69de1713ea9bc16860f7.js 103 kB 0 [emitted] app
app.69de1713ea9bc16860f7.js.map 855 kB 0 [emitted] app
../index.html 183 bytes [emitted]
ERROR in ./src/components/ClanView.vue
Module not found: Error: Cannot resolve 'file' or 'directory' ./../../../../../../../../coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js in /var/www/virtual/cv/html/coc_clan_visualizer_ui/src/components
resolve file
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js doesn't exist
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.webpack-loader.js doesn't exist
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.web-loader.js doesn't exist
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.loader.js doesn't exist
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.js doesn't exist
resolve directory
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js doesn't exist (directory default file)
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js/package.json doesn't exist (directory description file)
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js]
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.webpack-loader.js]
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.web-loader.js]
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.loader.js]
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.js]
@ ./src/components/ClanView.vue 2:0-343
ERROR in ./src/components/Member.vue
Module not found: Error: Cannot resolve 'file' or 'directory' ./../../../../../../../../coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js in /var/www/virtual/cv/html/coc_clan_visualizer_ui/src/components
resolve file
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js doesn't exist
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.webpack-loader.js doesn't exist
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.web-loader.js doesn't exist
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.loader.js doesn't exist
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.js doesn't exist
resolve directory
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js doesn't exist (directory default file)
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js/package.json doesn't exist (directory description file)
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js]
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.webpack-loader.js]
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.web-loader.js]
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.loader.js]
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.js]
@ ./src/components/Member.vue 2:0-341
ERROR in ./src/App.vue
Module not found: Error: Cannot resolve 'file' or 'directory' ./../../../../../../../coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js in /var/www/virtual/cv/html/coc_clan_visualizer_ui/src
resolve file
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js doesn't exist
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.webpack-loader.js doesn't exist
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.web-loader.js doesn't exist
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.loader.js doesn't exist
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.js doesn't exist
resolve directory
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js doesn't exist (directory default file)
/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js/package.json doesn't exist (directory description file)
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js]
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.webpack-loader.js]
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.web-loader.js]
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.loader.js]
[/coc_clan_visualizer_ui/node_modules/extract-text-webpack-plugin/loader.js.js]
@ ./src/App.vue 2:0-326
ERROR in ./src/components/MemberView.vue
Module not found: Error: Cannot resolve 'file' or 'directory' ./../../.. in /var/www/virtual/cv/html/coc_clan_visualizer_ui/src/components
resolve file
/var/www/virtual/cv/html is not a file
/var/www/virtual/cv/html.webpack-loader.js doesn't exist
/var/www/virtual/cv/html.web-loader.js doesn't exist
/var/www/virtual/cv/html.loader.js doesn't exist
/var/www/virtual/cv/html.js doesn't exist
resolve directory
/var/www/virtual/cv/html/package.json doesn't exist (directory description file)
directory default file index
resolve file index in /var/www/virtual/cv/html
/var/www/virtual/cv/html/index doesn't exist
/var/www/virtual/cv/html/index.webpack-loader.js doesn't exist
/var/www/virtual/cv/html/index.web-loader.js doesn't exist
/var/www/virtual/cv/html/index.loader.js doesn't exist
/var/www/virtual/cv/html/index.js doesn't exist
[/var/www/virtual/cv/html.webpack-loader.js]
[/var/www/virtual/cv/html.web-loader.js]
[/var/www/virtual/cv/html.loader.js]
[/var/www/virtual/cv/html.js]
[/var/www/virtual/cv/html/index]
[/var/www/virtual/cv/html/index.webpack-loader.js]
[/var/www/virtual/cv/html/index.web-loader.js]
[/var/www/virtual/cv/html/index.loader.js]
[/var/www/virtual/cv/html/index.js]
@ ./src/components/MemberView.vue 2:0-345
Child html-webpack-plugin for "../index.html":
To me this looks like webpack/webpack-loader is looking in the wrong directories, as I'm calling npm run build
from /home/cv/html/coc_clan_visualizer_ui
.
Here my package.json
(I added vue-async-data
and vue-router
).
{
"name": "coc_ui",
"description": "bla",
"author": "Christoph Voigt",
"scripts": {
"dev": "node build/dev-server.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.16"
},
"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",
"connect-history-api-fallback": "^1.1.0",
"css-loader": "^0.23.0",
"eslint": "^1.10.3",
"eslint-friendly-formatter": "^1.2.2",
"eslint-loader": "^1.2.0",
"eventsource-polyfill": "^0.9.6",
"express": "^4.13.3",
"extract-text-webpack-plugin": "^1.0.1",
"file-loader": "^0.8.4",
"function-bind": "^1.0.2",
"html-webpack-plugin": "^2.8.1",
"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": "^1.0.0",
"karma-spec-reporter": "0.0.23",
"karma-webpack": "^1.7.0",
"phantomjs-prebuilt": "^2.1.3",
"rimraf": "^2.5.0",
"url-loader": "^0.5.7",
"vue-async-data":"1.0.2",
"vue-router":"0.7.10",
"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-middleware": "^1.4.0",
"webpack-hot-middleware": "^2.6.0"
}
}
System Details:
$ cat /etc/*-release
CentOS release 6.7 (Final)
CentOS release 6.7 (Final)
CentOS release 6.7 (Final)
$ node -v
v5.1.1
$ npm -v
3.3.12
Help, hints and ideas very appreciated :)
from vue-cli.
I was having the same issue as you @cnicodeme. I upgraded my node version, then I reinstalled the vue-cli
(npm install -g vue-cli
), and the vue
command was recognized.
from vue-cli.
No issues to compile the same on OSX:
$ node -v
v5.5.0
$ npm -v
3.5.3
from vue-cli.
Looks like a webpack bug on Linux?
from vue-cli.
I have the same problem when pack on Linux:
ERROR in ./src/components/Slider.vue Module not found: Error: Cannot resolve 'file' or 'directory' ./../../../../../html in /root/workspace/moblie/src/components @ ./src/components/Slider.vue 2:0-283
It's ok on my OSX
from vue-cli.
I confirm I have the same problem under Linux (Fedora 22) when using npm run build
(but works correctly with npm run dev
).
Here's my config :
$ node -v
v5.5.0
$ npm -v
3.3.12
from vue-cli.
Actually, since this is a problem specific to the webpack template, I'm moving it over there instead: vuejs-templates/webpack#41
from vue-cli.
Hi tested something on my installation :
I initiated a new project using vue-cli and webpack, and did npm install && npm run build
and I got this error :
ERROR in ./src/App.vue
Module not found: Error: Cannot resolve 'file' or 'directory' ./../../../../../../test/node_modules/extract-text-webpack-plugin/loader.js in /var/www/html/test/src
@ ./src/App.vue 2:0-321
Child html-webpack-plugin for "../index.html":
I had this issue without modifying anything.
Maybe that would help, but despite the fact that I've installed vue-cli as root using npm install -g vue-cli, I don't have any vue
command in my $PATH so I did the following :
/opt/node/5.3.0/lib/node_modules/vue-cli/bin/vue init webpack test
And odly, it correspond to the number of .. in the above error message.
Hoping that this could help! :)
from vue-cli.
I updated Node & NPM :
$ node -v
v5.8.0
$ npm -v
3.8.1
And retried a build on my app, without any luck. The problem remain :/
from vue-cli.
Related Issues (20)
- 打包后后dist下index.html
- command vue create without project folder throws error regarding parent folder name
- 打包成lib库后,导入主应用中,浏览器一直报Uncaught TypeError: Cannot read properties of undefined (reading 'pushScopeId') HOT 3
- Node 18 support : @achrinza/[email protected]: The engine "node" is incompatible with this module. Expected version "8 || 10 || 12 || 14 || 16 || 17" HOT 19
- vue ui创建的Vue2 default项目ie11白屏 HOT 1
- support for TS >= 5.0 in cli-plugin-unit-jest HOT 1
- we set the integrity parameter of the cli to true. The generated sha384 encoding did not match that of the actual file.
- the comands @keyup.enter is not working
- ResizeObserver loop completed with undelivered notifications. HOT 6
- install. @vue/cli-plugin-unit-jest. error. Unsupported URL Type "npm:": npm:string-width@^4.2.0 HOT 3
- Does @vue/cli-service provide a way to call the JavaScript API to build? HOT 5
- Error run unit test: jest , vuetify
- Unable start project i.e NPM serve after creating project vue3 project using CLI
- V-bind() in SFC CSS does not work when upgrading Electron version
- 怎么禁止vue.config.js默认的HtmlWebpackPlugin,自己在configureWebpack.plugin中配置HtmlWebpackPlugin?
- vue-cli 4.x -->upgrade 5.0.8 Module not found: Error: Can't resolve 'vue-hljs' in 'D:\develop HOT 1
- Npm run serve svg error 98% after emitting CopyPlugin HOT 4
- Add --app-name arg to vue-cli-service
- Security: Vulnerabilites - 2 High, 3 Moderate HOT 2
- 我需要对pages中的模块独立打包成多个dist包,并用模块名作为dist包名。并且assets+index.html的webpack打包后的结构
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-cli.