mand-mobile / vue-cli3-example Goto Github PK
View Code? Open in Web Editor NEW🍭 A Mand Mobile project example for @vue/cli 3.0
🍭 A Mand Mobile project example for @vue/cli 3.0
INFO Starting development server...
94% after seal
ERROR Failed to compile with 4 errors 22:50:37
error in ./node_modules/mand-mobile/components/button/index.vue?vue&type=style&index=0&lang=stylus
Module build failed (from ./node_modules/stylus-loader/index.js):
Error: /Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/src/assets/theme.custom.styl:1:9
1| @import '~mand-mobile/components/_style/mixin/global'
--------------^
2| @import '~mand-mobile/components/_style/mixin/util'
3| @import '~mand-mobile/components/_style/mixin/theme'
4| @import '~nib/lib/nib/vendor'
failed to locate @import file ~mand-mobile/components/_style/mixin/global.styl
at CachedPathEvaluator.visitImport (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/li
b/evaluator.js:157:21)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.visitBlock (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:720:39)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.importFile (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/lib/evaluator.js:84:18)
at CachedPathEvaluator.visitImport (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/lib/evaluator.js:162:27)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.visitRoot (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:707:27)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.evaluate (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:247:15)
at Renderer.render (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/renderer.js:86:26)
at /Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/index.js:167:12
@ ./node_modules/vue-style-loader??ref--11-oneOf-1-0!./node_modules/css-loader??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/lib??ref--11-oneOf-1-2!./node_modules/stylus-loader??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/mand-mobile/components/button/index.vue?vue&type=style&index=0&lang=stylus 4:14-376 14:3-18:5 14:376-18:4 15:22-384
@ ./node_modules/mand-mobile/components/button/index.vue?vue&type=style&index=0&lang=stylus
@ ./node_modules/mand-mobile/components/button/index.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/HelloWorld.vue?vue&type=script&lang=js
@ ./src/components/HelloWorld.vue?vue&type=script&lang=js
@ ./src/components/HelloWorld.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js
@ ./src/App.vue?vue&type=script&lang=js
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.1.102:8081/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
error in ./node_modules/mand-mobile/components/toast/toast.vue?vue&type=style&index=0&lang=stylus
Module build failed (from ./node_modules/stylus-loader/index.js):
Error: /Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/src/assets/theme.custom.styl:1:9
1| @import '~mand-mobile/components/_style/mixin/global'
--------------^
2| @import '~mand-mobile/components/_style/mixin/util'
3| @import '~mand-mobile/components/_style/mixin/theme'
4| @import '~nib/lib/nib/vendor'
failed to locate @import file ~mand-mobile/components/_style/mixin/global.styl
at CachedPathEvaluator.visitImport (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/lib/evaluator.js:157:21)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.visitBlock (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:720:39)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.importFile (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/lib/evaluator.js:84:18)
at CachedPathEvaluator.visitImport (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/lib/evaluator.js:162:27)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.visitRoot (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:707:27)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.evaluate (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:247:15)
at Renderer.render (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/renderer.js:86:26)
at /Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/index.js:167:12
@ ./node_modules/vue-style-loader??ref--11-oneOf-1-0!./node_modules/css-loader??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/lib??ref--11-oneOf-1-2!./node_modules/stylus-loader??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/mand-mobile/components/toast/toast.vue?vue&type=style&index=0&lang=stylus 4:14-376 14:3-18:5 14:376-18:4 15:22-384
@ ./node_modules/mand-mobile/components/toast/toast.vue?vue&type=style&index=0&lang=stylus
@ ./node_modules/mand-mobile/components/toast/toast.vue
@ ./node_modules/mand-mobile/components/toast/index.js
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/HelloWorld.vue?vue&type=script&lang=js
@ ./src/components/HelloWorld.vue?vue&type=script&lang=js
@ ./src/components/HelloWorld.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js
@ ./src/App.vue?vue&type=script&lang=js
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.1.102:8081/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
error in ./node_modules/mand-mobile/components/icon/index.vue?vue&type=style&index=0&lang=stylus
Module build failed (from ./node_modules/stylus-loader/index.js):
Error: /Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/src/assets/theme.custom.styl:1:9
1| @import '~mand-mobile/components/_style/mixin/global'
--------------^
2| @import '~mand-mobile/components/_style/mixin/util'
3| @import '~mand-mobile/components/_style/mixin/theme'
4| @import '~nib/lib/nib/vendor'
failed to locate @import file ~mand-mobile/components/_style/mixin/global.styl
at CachedPathEvaluator.visitImport (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/lib/evaluator.js:157:21)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.visitBlock (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:720:39)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.importFile (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/lib/evaluator.js:84:18)
at CachedPathEvaluator.visitImport (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/lib/evaluator.js:162:27)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.visitRoot (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:707:27)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.evaluate (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:247:15)
at Renderer.render (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/renderer.js:86:26)
at /Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/index.js:167:12
@ ./node_modules/vue-style-loader??ref--11-oneOf-1-0!./node_modules/css-loader??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/lib??ref--11-oneOf-1-2!./node_modules/stylus-loader??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/mand-mobile/components/icon/index.vue?vue&type=style&index=0&lang=stylus 4:14-376 14:3-18:5 14:376-18:4 15:22-384
@ ./node_modules/mand-mobile/components/icon/index.vue?vue&type=style&index=0&lang=stylus
@ ./node_modules/mand-mobile/components/icon/index.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/mand-mobile/components/button/index.vue?vue&type=script&lang=js
@ ./node_modules/mand-mobile/components/button/index.vue?vue&type=script&lang=js
@ ./node_modules/mand-mobile/components/button/index.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/HelloWorld.vue?vue&type=script&lang=js
@ ./src/components/HelloWorld.vue?vue&type=script&lang=js
@ ./src/components/HelloWorld.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js
@ ./src/App.vue?vue&type=script&lang=js
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.1.102:8081/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
error in ./node_modules/mand-mobile/components/popup/index.vue?vue&type=style&index=0&lang=stylus
Module build failed (from ./node_modules/stylus-loader/index.js):
Error: /Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/src/assets/theme.custom.styl:1:9
1| @import '~mand-mobile/components/_style/mixin/global'
--------------^
2| @import '~mand-mobile/components/_style/mixin/util'
3| @import '~mand-mobile/components/_style/mixin/theme'
4| @import '~nib/lib/nib/vendor'
failed to locate @import file ~mand-mobile/components/_style/mixin/global.styl
at CachedPathEvaluator.visitImport (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/lib/evaluator.js:157:21)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.visitBlock (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:720:39)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.importFile (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/lib/evaluator.js:84:18)
at CachedPathEvaluator.visitImport (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/lib/evaluator.js:162:27)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.visitRoot (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:707:27)
at CachedPathEvaluator.Visitor.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.evaluate (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/visitor/evaluator.js:247:15)
at Renderer.render (/Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus/lib/renderer.js:86:26)
at /Users/why/Downloads/mand-mobile-vue-cli3-example-custom-theme/node_modules/stylus-loader/index.js:167:12
@ ./node_modules/vue-style-loader??ref--11-oneOf-1-0!./node_modules/css-loader??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/lib??ref--11-oneOf-1-2!./node_modules/stylus-loader??ref--11-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/mand-mobile/components/popup/index.vue?vue&type=style&index=0&lang=stylus 4:14-376 14:3-18:5 14:376-18:4 15:22-384
@ ./node_modules/mand-mobile/components/popup/index.vue?vue&type=style&index=0&lang=stylus
@ ./node_modules/mand-mobile/components/popup/index.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/mand-mobile/components/toast/toast.vue?vue&type=script&lang=js
@ ./node_modules/mand-mobile/components/toast/toast.vue?vue&type=script&lang=js
@ ./node_modules/mand-mobile/components/toast/toast.vue
@ ./node_modules/mand-mobile/components/toast/index.js
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/HelloWorld.vue?vue&type=script&lang=js
@ ./src/components/HelloWorld.vue?vue&type=script&lang=js
@ ./src/components/HelloWorld.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js
@ ./src/App.vue?vue&type=script&lang=js
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.1.102:8081/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
2.0.0.rc版本自定义svg icon没生效
module.exports = {
presets: [
'@vue/app'
],
plugins: [
[
'import',
{
libraryName: 'mand-mobile',
libraryDirectory: 'components'
}
]
]
}
如果把librayDirectory设置为lib,就好了
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.