• uniapp新建的vuecli项目启动报错并且打包失败的问题（已解决）

     我的项目新建流程如下

     

    运行之后就是如下报错 

    解决办法：

    安装如下依赖： 

     npm i postcss-loader autoprefixer@8.0.0

     npm run build 编译失败

     安装如下依赖：

    npm install postcss@8.2.2

    最终package.json文件如下

    1. {
    2.   "name": "lsyj-app-vuecli",
    3.   "version": "1.1.0",
    4.   "private": true,
    5.   "scripts": {
    6.     "serve": "npm run dev:h5",
    7.     "build": "npm run build:h5",
    8.     "build:app-plus": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build",
    9.     "build:custom": "cross-env NODE_ENV=production uniapp-cli custom",
    10.     "build:h5": "cross-env NODE_ENV=production UNI_PLATFORM=h5 vue-cli-service uni-build",
    11.     "build:mp-360": "cross-env NODE_ENV=production UNI_PLATFORM=mp-360 vue-cli-service uni-build",
    12.     "build:mp-alipay": "cross-env NODE_ENV=production UNI_PLATFORM=mp-alipay vue-cli-service uni-build",
    13.     "build:mp-baidu": "cross-env NODE_ENV=production UNI_PLATFORM=mp-baidu vue-cli-service uni-build",
    14.     "build:mp-jd": "cross-env NODE_ENV=production UNI_PLATFORM=mp-jd vue-cli-service uni-build",
    15.     "build:mp-kuaishou": "cross-env NODE_ENV=production UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build",
    16.     "build:mp-lark": "cross-env NODE_ENV=production UNI_PLATFORM=mp-lark vue-cli-service uni-build",
    17.     "build:mp-qq": "cross-env NODE_ENV=production UNI_PLATFORM=mp-qq vue-cli-service uni-build",
    18.     "build:mp-toutiao": "cross-env NODE_ENV=production UNI_PLATFORM=mp-toutiao vue-cli-service uni-build",
    19.     "build:mp-weixin": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build",
    20.     "build:mp-xhs": "cross-env NODE_ENV=production UNI_PLATFORM=mp-xhs vue-cli-service uni-build",
    21.     "build:quickapp-native": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-native vue-cli-service uni-build",
    22.     "build:quickapp-webview": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview vue-cli-service uni-build",
    23.     "build:quickapp-webview-huawei": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build",
    24.     "build:quickapp-webview-union": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build",
    25.     "dev:app-plus": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch",
    26.     "dev:custom": "cross-env NODE_ENV=development uniapp-cli custom",
    27.     "dev:h5": "cross-env NODE_ENV=development UNI_PLATFORM=h5 vue-cli-service uni-serve",
    28.     "dev:mp-360": "cross-env NODE_ENV=development UNI_PLATFORM=mp-360 vue-cli-service uni-build --watch",
    29.     "dev:mp-alipay": "cross-env NODE_ENV=development UNI_PLATFORM=mp-alipay vue-cli-service uni-build --watch",
    30.     "dev:mp-baidu": "cross-env NODE_ENV=development UNI_PLATFORM=mp-baidu vue-cli-service uni-build --watch",
    31.     "dev:mp-jd": "cross-env NODE_ENV=development UNI_PLATFORM=mp-jd vue-cli-service uni-build --watch",
    32.     "dev:mp-kuaishou": "cross-env NODE_ENV=development UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build --watch",
    33.     "dev:mp-lark": "cross-env NODE_ENV=development UNI_PLATFORM=mp-lark vue-cli-service uni-build --watch",
    34.     "dev:mp-qq": "cross-env NODE_ENV=development UNI_PLATFORM=mp-qq vue-cli-service uni-build --watch",
    35.     "dev:mp-toutiao": "cross-env NODE_ENV=development UNI_PLATFORM=mp-toutiao vue-cli-service uni-build --watch",
    36.     "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch",
    37.     "dev:mp-xhs": "cross-env NODE_ENV=development UNI_PLATFORM=mp-xhs vue-cli-service uni-build --watch",
    38.     "dev:quickapp-native": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-native vue-cli-service uni-build --watch",
    39.     "dev:quickapp-webview": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview vue-cli-service uni-build --watch",
    40.     "dev:quickapp-webview-huawei": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build --watch",
    41.     "dev:quickapp-webview-union": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build --watch",
    42.     "info": "node node_modules/@dcloudio/vue-cli-plugin-uni/commands/info.js",
    43.     "serve:quickapp-native": "node node_modules/@dcloudio/uni-quickapp-native/bin/serve.js",
    44.     "test:android": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=android jest -i",
    45.     "test:h5": "cross-env UNI_PLATFORM=h5 jest -i",
    46.     "test:ios": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=ios jest -i",
    47.     "test:mp-baidu": "cross-env UNI_PLATFORM=mp-baidu jest -i",
    48.     "test:mp-weixin": "cross-env UNI_PLATFORM=mp-weixin jest -i"
    49.   },
    50.   "dependencies": {
    51.     "@dcloudio/uni-app": "^2.0.2-3090520231028001",
    52.     "@dcloudio/uni-app-plus": "^2.0.2-3090520231028001",
    53.     "@dcloudio/uni-h5": "^2.0.2-3090520231028001",
    54.     "@dcloudio/uni-i18n": "^2.0.2-3090520231028001",
    55.     "@dcloudio/uni-mp-360": "^2.0.2-3090520231028001",
    56.     "@dcloudio/uni-mp-alipay": "^2.0.2-3090520231028001",
    57.     "@dcloudio/uni-mp-baidu": "^2.0.2-3090520231028001",
    58.     "@dcloudio/uni-mp-jd": "^2.0.2-3090520231028001",
    59.     "@dcloudio/uni-mp-kuaishou": "^2.0.2-3090520231028001",
    60.     "@dcloudio/uni-mp-lark": "^2.0.2-3090520231028001",
    61.     "@dcloudio/uni-mp-qq": "^2.0.2-3090520231028001",
    62.     "@dcloudio/uni-mp-toutiao": "^2.0.2-3090520231028001",
    63.     "@dcloudio/uni-mp-vue": "^2.0.2-3090520231028001",
    64.     "@dcloudio/uni-mp-weixin": "^2.0.2-3090520231028001",
    65.     "@dcloudio/uni-mp-xhs": "^2.0.2-3090520231028001",
    66.     "@dcloudio/uni-quickapp-native": "^2.0.2-3090520231028001",
    67.     "@dcloudio/uni-quickapp-webview": "^2.0.2-3090520231028001",
    68.     "@dcloudio/uni-stacktracey": "^2.0.2-3090520231028001",
    69.     "@dcloudio/uni-stat": "^2.0.2-3090520231028001",
    70.     "@vue/shared": "^3.0.0",
    71.     "autoprefixer": "^8.0.0",
    72.     "core-js": "^3.8.3",
    73.     "flyio": "^0.6.2",
    74.     "postcss": "^8.2.2",
    75.     "postcss-loader": "^7.3.3",
    76.     "vue": ">= 2.6.14 < 2.7",
    77.     "vuex": "^3.2.0"
    78.   },
    79.   "devDependencies": {
    80.     "@dcloudio/types": "^3.3.2",
    81.     "@dcloudio/uni-automator": "^2.0.2-3090520231028001",
    82.     "@dcloudio/uni-cli-i18n": "^2.0.2-3090520231028001",
    83.     "@dcloudio/uni-cli-shared": "^2.0.2-3090520231028001",
    84.     "@dcloudio/uni-helper-json": "*",
    85.     "@dcloudio/uni-migration": "^2.0.2-3090520231028001",
    86.     "@dcloudio/uni-template-compiler": "^2.0.2-3090520231028001",
    87.     "@dcloudio/vue-cli-plugin-hbuilderx": "^2.0.2-3090520231028001",
    88.     "@dcloudio/vue-cli-plugin-uni": "^2.0.2-3090520231028001",
    89.     "@dcloudio/vue-cli-plugin-uni-optimize": "^2.0.2-3090520231028001",
    90.     "@dcloudio/webpack-uni-mp-loader": "^2.0.2-3090520231028001",
    91.     "@dcloudio/webpack-uni-pages-loader": "^2.0.2-3090520231028001",
    92.     "@vue/cli-plugin-babel": "~5.0.0",
    93.     "@vue/cli-service": "~5.0.0",
    94.     "babel-plugin-import": "^1.11.0",
    95.     "cross-env": "^7.0.2",
    96.     "jest": "^25.4.0",
    97.     "node-sass": "^4.14.1",
    98.     "postcss-comment": "^2.0.0",
    99.     "sass-loader": "^7.3.1",
    100.     "vue-template-compiler": ">= 2.6.14 < 2.7"
    101.   },
    102.   "browserslist": [
    103.     "Android >= 4.4",
    104.     "ios >= 9"
    105.   ],
    106.   "uni-app": {
    107.     "scripts": {}
    108.   }
    109. }

  • 相关阅读:
    【再探】设计模式—中介者模式、观察者模式及模板方法模式
    第三次国土调查数据库字母缩写代表含义
    微信小程序控制元素显示隐藏
    Spring事务里required里多线程调用required_new方法到底符不符合预期
    Golang 面向对象深入理解
    js数组对象中根据某个相同的字段找到其他对象中有值的数据
    【Servlet】Servlet API 详解
    智能化改造给企业带来的实际效果
    SOA（面向服务架构）是什么？
    面试官说入职以后要参与重构Kafka内核，我吓的不敢接offer！
  • 原文地址：https://blog.csdn.net/m0_74149462/article/details/134196723