原因:
经测试,是版本问题 当用 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