我正在使用VueCli v4创建一个Vue项目。事实上,我以前做过几百次,但是今天我犯了一个错误。
我正在创建与"vue创建实时聊天“,然后我选择Vue 3,Babel和路由器。创建所有内容后,我会像往常一样转到子文件夹并运行"npm“。所有的编译都没有问题,但是当我转到http://localhost:8080时,我得到了这个错误
vue-router.esm-bundler.js?6c02:2306 Uncaught ReferenceError: exports is not defined
at Module.eval (vue-router.esm-bundler.js?6c02:2306)
at eval (vue-router.esm-bundler.js:3375)
at Module../node_modules/vue-router/dist/vue-router.esm-bundler.js (chunk-vendors.js:1236)
at __webpack_require__ (app.js:849)
at fn (app.js:151)
at eval (index.js?a18c:1)
at Module../src/router/index.js (app.js:1219)
at __webpack_require__ (app.js:849)
at fn (app.js:151)
at eval (main.js:12)我昨天使用了同样的命令,没有问题。这是我的package.json:
{
"name": "live-chat",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
},
"dependencies": {
"core-js": "^3.6.5",
"firebase": "^8.1.2",
"vue": "^3.0.0-0",
"vue-router": "^4.0.0-0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/compiler-sfc": "^3.0.0-0"
}
}这是我创建的文件夹:
带有Vue JS 3和Firebase的C:\Users\Bugra\Documents\GitHub\Frontend\Udemy\Build网络应用程序\节13 -项目构建-带有身份验证的实时聊天室\实时聊天
你能帮帮我吗?
*编辑
我已经把Udemy教练的package.json文件和它的工作。唯一不同的是火基版本。不过,如果你知道原因,那就太好了。
"name": "live-chat",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
},
"dependencies": {
"core-js": "^3.6.5",
"firebase": "^8.0.1",
"vue": "^3.0.0-0",
"vue-router": "^4.0.0-0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/compiler-sfc": "^3.0.0-0"
}
}发布于 2021-03-27 18:21:47
我也遇到过同样的问题。更改为以下版本&重新运行yarn或npm install对我有用:
"dependencies": {
"core-js": "^3.6.5",
"vue": "^3.0.0",
"vue-router": "^4.0.3"
},注意:我通过npx @vue/cli create my-app搭建了应用程序,然后添加了vue-router依赖项。
https://stackoverflow.com/questions/65183021
复制相似问题