Giter Site home page Giter Site logo

view-ui-project's Issues

npm run init出错

Callback must be a function. Received 29
at maybeCallback (fs.js:146:9)
at Object.write (fs.js:559:14)
at D:\01_source_code\view-ui-project\webpack.dev.config.js:10:8
at FSReqCallback.oncomplete (fs.js:157:23)
Snipaste_2019-10-22_16-12-36

Return 404 when access the project with Chrome

When I start this project, the logs are as below:

`
PS C:\Users\wenca\Desktop\Javascript\VUE\demo-vue-cli3\view-ui-project> npm run dev

[email protected] dev C:\Users\wenca\Desktop\Javascript\VUE\demo-vue-cli3\view-ui-project
webpack-dev-server --content-base ./ --open --inline --hot --compress --history-api-fallback --config webpack.dev.config.js

Project is running at http://localhost:8080/
webpack output is served from /dist/
Content not from webpack is served from C:\Users\wenca\Desktop\Javascript\VUE\demo-vue-cli3\view-ui-project
404s will fallback to /index.html
Container#eachAtRule is deprecated. Use Container#walkAtRules instead.
Root#remove is deprecated. Use Root#removeChild
Container#eachRule is deprecated. Use Container#walkRules instead.
Container#eachDecl is deprecated. Use Container#walkDecls instead.
Node#style() is deprecated. Use Node#raw()
Container#remove is deprecated. Use Container#removeChild
Node#_value was deprecated. Use Node#raws.value
Hash: 8a851921a7400c7b2dbb
Version: webpack 2.7.0
Time: 22084ms
Asset Size Chunks Chunk Names
a2c4a261a239aa84463dc70e4bac9b9a.svg 555 kB [emitted] [big]
d535a25a79fb1365ae814b61e88fae71.ttf 198 kB [emitted]
143146fa24554ae2c5ac0a3982abb952.woff2 82.2 kB [emitted]
99ac3308dd8ee14f749f51538d0d5b9e.woff 198 kB [emitted]
df60ea2c1918e8cd14c2e4027032d4e0.png 262 kB [emitted] [big]
0.chunk.js 2.98 kB 0 [emitted]
main.js 13.3 kB 1 [emitted] main
vendors.js 2.42 MB 2 [emitted] [big] vendors
main.css 281 kB 1 [emitted] [big] main
0.chunk.js.map 6.31 kB 0 [emitted]
main.js.map 17.1 kB 1 [emitted] main
main.css.map 85 bytes 1 [emitted] main
vendors.js.map 2.88 MB 2 [emitted] vendors
../index.html 469 bytes [emitted]
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1} [rendered]
[44] ./src/views/index.vue 1.91 kB {0} [built]
[45] .//babel-loader/lib!.//vue-loader/lib/selector.js?type=script&index=0!.//iview-loader?{"prefix":false}!./src/views/index.vue 365 bytes {0} [built]
[46] ./
/extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true}!.//vue-style-loader!.//css-loader?minimize!.//vue-loader/lib/style-compiler?{"id":"data-v-d96a8abe","scoped":true,"hasInlineConfig":false}!.//au-loader!.//less-loader!.//vue-loader/lib/selector.js?type=styles&index=0!.//iview-loader?{"prefix":false}!./src/views/index.vue 41 bytes {0} [built]
[47] ./src/images/logo.png 82 bytes {0} [built]
[48] ./
/vue-loader/lib/template-compiler?{"id":"data-v-d96a8abe"}!.//vue-loader/lib/selector.js?type=template&index=0!.//iview-loader?{"prefix":false}!./src/views/index.vue 846 bytes {0} [built]
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial] [rendered]
[5] .//vue-loader//vue-hot-reload-api/dist/index.js 6.24 kB {1} [built]
[10] ./src/main.js 730 bytes {1} [built]
[12] .//vue-loader/lib/component-normalizer.js 1.27 kB {1} [built]
[15] ./
/babel-loader/lib!.//vue-loader/lib/selector.js?type=script&index=0!.//iview-loader?{"prefix":false}!./src/app.vue 199 bytes {1} [built]
[16] ./src/libs/util.js 165 bytes {1} [built]
[17] ./src/router.js 203 bytes {1} [built]
[19] .//view-design/dist/styles/iview.css 41 bytes {1} [built]
[20] ./
/extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true}!.//vue-style-loader!.//css-loader!.//vue-loader/lib/style-compiler?{"id":"data-v-0781b6d1","scoped":true,"hasInlineConfig":false}!.//autoprefixe//less-loader!.//vue-loader/lib/selector.js?type=styles&index=0!.//iview-loader?{"prefix":false}!./src/app.vue 41 bytes {1} [built]
[35] ./src/app.vue 1.85 kB {1} [built]
[36] ./
/vue-loader/lib/template-compiler?{"id":"data-v-0781b6d1"}!.//vue-loader/lib/selector.js?type=template&index=0!.//iview-loader?{"prefix":false}!./src/app.vue 381 bytes {1} [built]
[42] multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main 52 bytes {1} [built]
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry] [rendered]
[1] .//vue/dist/vue.esm.js 292 kB {2} [built]
[2] (webpack)-dev-server/client?http://localhost:8080 7.93 kB {2} [built]
[3] (webpack)/hot/dev-server.js 1.57 kB {2} [built]
[7] ./
/view-design/dist/iview.js 1.7 MB {2} [built]
[8] .//vue-router/dist/vue-router.esm.js 65.6 kB {2} [built]
[9] (webpack)/hot/emitter.js 77 bytes {2} [built]
[11] ./src/vendors.js 92 bytes {2} [built]
[24] ./
/loglevel/lib/loglevel.js 7.86 kB {2} [built]
[31] .//strip-ansi/index.js 161 bytes {2} [built]
[33] ./
/url/url.js 23.3 kB {2} [built]
[37] (webpack)-dev-server/client/overlay.js 3.67 kB {2} [built]
[38] (webpack)-dev-server/client/socket.js 1.08 kB {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
[41] (webpack)/hot/log-apply-result.js 1.02 kB {2} [built]
[43] multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/vendors 52 bytes {2} [built]
+ 18 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry] [rendered]
[0] .//lodash/lodash.js 540 kB {0} [built]
[1] ./
/html-webpack-plugin/lib/loader.js!./src/template/index.ejs 1.03 kB {0} [built]
[2] (webpack)/buildin/global.js 509 bytes {0} [built]
[3] (webpack)/buildin/module.js 517 bytes {0} [built]
Child extract-text-webpack-plugin:
Asset Size Chunks Chunk Names
a2c4a261a239aa84463dc70e4bac9b9a.svg 555 kB [emitted] [big]
d535a25a79fb1365ae814b61e88fae71.ttf 198 kB [emitted]
143146fa24554ae2c5ac0a3982abb952.woff2 82.2 kB [emitted]
99ac3308dd8ee14f749f51538d0d5b9e.woff 198 kB [emitted]
chunk {0} extract-text-webpack-plugin-output-filename 285 kB [entry] [rendered]
[0] .//css-loader/lib/css-base.js 1.51 kB {0} [built]
[1] ./
/view-design/dist/styles/fonts/ionicons.svg?v=3.0.0 82 bytes {0} [built]
[2] .//view-design/dist/styles/fonts/ionicons.ttf?v=3.0.0 82 bytes {0} [built]
[3] ./
/view-design/dist/styles/fonts/ionicons.woff2?v=3.0.0 84 bytes {0} [built]
[4] .//view-design/dist/styles/fonts/ionicons.woff?v=3.0.0 83 bytes {0} [built]
[5] ./
/css-loader?minimize!.//autoprefixer-loader!.//view-design/dist/styles/iview.css 283 kB {0} [built]
Child extract-text-webpack-plugin:
chunk {0} extract-text-webpack-plugin-output-filename 1.99 kB [entry] [rendered]
[0] .//css-loader/lib/css-base.js 1.51 kB {0} [built]
[1] ./
/css-loader?minimize!.//vue-loader/lib/style-compiler?{"id":"data-v-d96a8abe","scoped":true,"hasInlineConfig":false}!.//autoprefixer-loader!.//less-loader!.//vue-loader/lib/selector.js?type=styles&index=0-loader?{"prefix":false}!./src/views/index.vue 486 bytes {0} [built]
Child extract-text-webpack-plugin:
chunk {0} extract-text-webpack-plugin-output-filename 1.9 kB [entry] [rendered]
[0] .//css-loader/lib/css-base.js 1.51 kB {0} [built]
[1] ./
/css-loader!./src/styles/common.css 157 bytes {0} [built]
[2] .//css-loader!.//vue-loader/lib/style-compiler?{"id":"data-v-0781b6d1","scoped":true,"hasInlineConfig":false}!.//autoprefixer-loader!.//less-loader!.//vue-loader/lib/selector.js?type=styles&index=0!.//ivie"prefix":false}!./src/app.vue 240 bytes {0} [built]
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 936ms
Asset Size Chunks Chunk Names
vendors.js 2.42 MB 2 [emitted] [big] vendors
8a851921a7400c7b2dbb.hot-update.json 35 bytes [emitted]
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
vendors.js.map 2.88 MB 2 [emitted] vendors
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry] [rendered]
[4] .//process/browser.js 5.42 kB {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 31 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 199ms
Asset Size Chunks Chunk Names
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry]
[25] ./
/punycode/punycode.js 14.7 kB {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 31 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 63ms
Asset Size Chunks Chunk Names
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry]
[26] .//querystring-es3/decode.js 2.51 kB {2} [built]
[27] ./
/querystring-es3/encode.js 2.54 kB {2} [built]
[28] .//querystring-es3/index.js 127 bytes {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 29 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 78ms
Asset Size Chunks Chunk Names
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry]
[29] ./
/setimmediate/setImmediate.js 6.47 kB {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 31 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 71ms
Asset Size Chunks Chunk Names
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry]
[31] .//strip-ansi/index.js 161 bytes {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 31 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 54ms
Asset Size Chunks Chunk Names
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry]
[32] ./
/timers-browserify/main.js 2.02 kB {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 31 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
webpack: Compiling...
Hash: 4c9f0a5019343ce98fd2
Version: webpack 2.7.0
Time: 129ms
Asset Size Chunks Chunk Names
main.css 281 kB 1 [emitted] [big] main
main.css.map 85 bytes 1 [emitted] main
chunk {0} 0.chunk.js, 0.chunk.js.map 3.24 kB {1}
+ 5 hidden modules
chunk {1} main.js, main.css, main.js.map, main.css.map (main) 11.2 kB {2} [initial]
+ 11 hidden modules
chunk {2} vendors.js, vendors.js.map (vendors) 2.39 MB [entry]
[33] .//url/url.js 23.3 kB {2} [built]
[34] ./
/url/util.js 314 bytes {2} [built]
[40] (webpack)/hot nonrecursive ^./log$ 160 bytes {2} [built]
+ 30 hidden modules
Child html-webpack-plugin for "..\index.html":
chunk {0} ../index.html 542 kB [entry]
+ 4 hidden modules
webpack: Compiled successfully.
`

Then I access the url 'http://localhost:8080/' with Chrome, the page content is
'
Cannot GET /
'
and the Chomre debugger 'network' --> 'headers' --> 'Status Code' is
404 Not Found

npm run build之后相对路径不对,搭建后白屏。

我试了直接npm run build,搭建之后是白屏。 dev和init是正常可用的。

然后假如我想全用相对路径,然后index和其他文件在同一个输出目录 project/dist并且以此目录作为web服务主目录,需要做如下修改,但是修改后还是有问题:
webpack.prod.config.js:
第15行:
publicPath: '/dist/',
改成
publicPath: './',

第39行:
filename: '../index_prod.html',
改成
filename: './dist/index.html',


build后发现 项目/dist/vendors.[hash].js里搜索到一个="/dist/",但是手动改成了"./"之后,网页依然是白屏,请问贵公司发布这项目的时候,build后是否能正常显示?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.