Nuxt3区分环境打包报错“flase.appcet is not function“

原因:

经测试,是版本问题 当用 nuxt3  @"nuxt": "3.0.0-rc.4" 此版本的时候在 dev 运行模式下不会报错,

但是 打包后在运行会报错

 

 解决:

      用其他版本 我用最终使用的 是 "nuxt": "npm:nuxt3@latest" 

注: npm 打包所选用的nuxt版本是由 package-lock.json 所决定的 所以要把 package.json的版本对应上(删除 package-lock.json) 这里我粘贴一下我最终好用的配置 

package.json

{
  "name": "example-server-routes",
  "private": true,
  "scripts": {
    "build": "nuxi build",
    "dev:dev": "nuxt dev -mode development",
    "dev:test": " nuxt dev -mode staging",
    "dev:prod": "nuxt dev -mode production",
    "build:prod": "nuxt build -mode production",
    "build:test": "nuxt build -mode test",
    "build:dev": "nuxt build -mode development",
    "dev": "nuxi dev",
    "start": "nuxi preview"
  },
  "devDependencies": {
    "@nuxt/ui": "^0.1.0",
    "@nuxt/vite-builder": "^3.0.0-rc.8",
    "axios": "^0.27.2",
    "compressorjs": "^1.1.1",
    "cross-env": "^7.0.3",
    "element-plus": "^2.2.15",
    "js-cookie": "^3.0.1",
    "nuxt": "npm:nuxt3@latest",
    "pinia": "^2.0.21",
    "postcss-px-to-viewport": "^1.1.1",
    "px2rem-loader": "^0.1.9",
    "sass": "^1.53.0",
    "snapsvg": "^0.5.1",
    "vant": "^3.5.2",
    "vconsole": "^3.14.6",
    "vite-plugin-svg-icons": "^2.0.1",
    "vue": "^3.2.37"
  },
  "dependencies": {
    "@pinia/nuxt": "^0.4.1",
    "pinia-plugin-persist": "^1.0.0"
  }
}

package-lock.json

由于太长放不下

请按此链接

https://gitee.com/florenza/fe-question/blob/master/package-lock.json