关注 码龄 粉丝数 原力等级 -- 被采纳 被点赞 采纳率 上善若水含洪八诞 2024-06-17 10:12
采纳率: 33.3%
浏览 3 首页/
前端
/ 此处不允许使用特性 setup 报错 vue.jsxmljavascript 这是Login.vue代码
这个是vue文件下package.json文件
{
"name": "vue",
"version": "0.0.0",
"private": true,
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
},
"dependencies": {
"@element-plus/icons-vue": "^2.1.0",
"axios": "^1.6.2",
"element-plus": "^2.4.2",
"sass": "^1.69.5",
"unplugin-element-plus": "^0.8.0",
"vue": "^3.3.4",
"vue-router": "^4.2.5"
},
"devDependencies": {
"@vitejs/plugin-vue": "^4.4.0",
"unplugin-auto-import": "^0.16.7",
"unplugin-vue-components": "^0.25.2",
"vite": "^4.4.11"
}
}
这个是vue底下router文件下的index.js文件代码
import {createRouter, createWebHistory} from 'vue-router'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
name: 'Manager',
component: () => import('@/views/Manager.vue'),
redirect: '/home',
children: [
{ path: 'home', name: 'Home', component: () => import('@/views/manager/Home.vue')},
{ path: 'course', name: 'Course', component: () => import('@/views/manager/Course.vue')},
]
},
{ path: '/login',
name: 'Login',
component: () => import('@/views/Login.vue'),}//@表示src
]
})
export default router
这个是vue文件底下的vite.config.js文件代码
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 导入对应包
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import ElementPlus from 'unplugin-element-plus/vite'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
AutoImport({
resolvers: [ElementPlusResolver(
{ importStyle: 'sass' }
)],
}),
Components({
resolvers: [ElementPlusResolver(
{ importStyle: 'sass' }
)],
}),
// 按需定制主题配置
ElementPlus({
useSource: true,
}),
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
},
css: {
preprocessorOptions: {
scss: {
// 自动导入定制化样式文件进行样式覆盖
additionalData: `
@use "@/assets/css/index.scss" as *;
`,
}
}
}
})
运行进入login界面之后就会出现报错
在script代码块区域会有此处不允许使用特性 setup 的警告
不知道问题在哪,报错查询也没有找到问题
展开全部
收起
写回答
好问题
0 提建议
追加酬金
关注问题
微信扫一扫 点击复制链接 分享 邀请回答
编辑 收藏 删除 结题 收藏 举报 追加酬金 (90%的用户在追加酬金后获得了解决方案) 当前问题酬金 ¥ 0
(可追加 ¥500)
¥ 15¥ 20¥ 50¥ 100¥ 200 支付方式 扫码支付
二维码出错
点击刷新
支付金额
15 元
提供问题酬金的用户不参与问题酬金结算和分配
支付即为同意
《付费问题酬金结算规则》 结题 再想想 删除 再等等