vue-cli 引入vux,Xaddress无法使用,radio可以使用

发布于 2022-09-06 11:36:00 字数 3707 浏览 18 评论 0

用vue-cli生成,后面要添加vux,在网上找了手动配置环境的方法:做了以下改动:
webpack.base.conf.js文件

clipboard.png
底部添加
clipboard.png

App.vue文件

clipboard.png

配置文件
{
"name": "vueyo",
"version": "1.0.0",
"description": "a yo vue",
"author": "wuchenglong <547252920@qq.com>",
"private": true,
"scripts": {

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"lint": "eslint --ext .js,.vue src",
"build": "node build/build.js"

},
"dependencies": {

"jquery": "^3.2.1",
"vue": "^2.5.2",
"vue-resource": "^1.3.5",
"vue-router": "^3.0.1",
"vuex": "^3.0.1"

},
"devDependencies": {

"autoprefixer": "^7.1.2",
"babel-core": "^6.22.1",
"babel-eslint": "^7.1.1",
"babel-helper-vue-jsx-merge-props": "^2.0.3",
"babel-loader": "^7.1.1",
"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.3.2",
"babel-preset-stage-2": "^6.22.0",
"chalk": "^2.0.1",
"copy-webpack-plugin": "^4.0.1",
"css-loader": "^0.28.0",
"eslint": "^3.19.0",
"eslint-config-standard": "^10.2.1",
"eslint-friendly-formatter": "^3.0.0",
"eslint-loader": "^1.7.1",
"eslint-plugin-html": "^3.0.0",
"eslint-plugin-import": "^2.7.0",
"eslint-plugin-node": "^5.2.0",
"eslint-plugin-promise": "^3.4.0",
"eslint-plugin-standard": "^3.0.1",
"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",
"less": "^2.7.3",
"less-loader": "^4.0.5",
"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",
"semver": "^5.3.0",
"shelljs": "^0.7.6",
"uglifyjs-webpack-plugin": "^1.1.1",
"url-loader": "^0.5.8",
"vue-loader": "^13.3.0",
"vue-style-loader": "^3.0.1",
"vue-template-compiler": "^2.5.2",
"vux": "^2.7.7",
"vux-loader": "^1.1.31",
"webpack": "^3.6.0",
"webpack-bundle-analyzer": "^2.9.0",
"webpack-dev-server": "^2.9.1",
"webpack-merge": "^4.1.0",
"yaml-loader": "^0.5.0"

},
"engines": {

"node": ">= 6.0.0",
"npm": ">= 3.0.0"

},
"browserslist": [

"> 1%",
"last 2 versions",
"not ie <= 8"

]
}

以下两张图是vux的引入使用

clipboard.png

clipboard.png

显示页面,我另外放的radio可以正常使用

clipboard.png

大神帮忙看下,大恩不言谢~

下面附两张官网vuecli和vux快速构建好后正常显示的代码和样子
代码是一模一样的,我是直接从这里复制过去的,
clipboard.png
clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

呆° 2022-09-13 11:36:00

一个非常低级的错误,环境配置正确的,引入也是正确的,问题出在了我外层div的样式,把样式注释掉就好了。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文