Javascript CSS无法在动态路由上与vue js配合使用

我在vue中创建了路由

{
  path: '/coursedetailed/:id',
  component: MyCourseDetailed,
  props: true
},

它可以工作，但在我进入页面后，css似乎被禁用了。如果填写了数据，则所有请求均已完成。控制台中有一个错误。其他页面运行良好

未捕获的语法错误：意外标记

{ 返回{ 课程：[]， 错误：[] } }, 创建（）{ 这个文件名为getData（） }, 方法：{ getData（）{ axios({ 方法：“get”， url:this.$store.state.endpoints.baseUrl+'/api/courses/'+this.$route.params.id+'/'， 事实上， 标题：{ 授权：`JWT${this.$store.state.JWT}`， “内容类型”：“应用程序/json” } })。然后（（响应）=>{ this.course=response.data }) }, 伊斯托肯（）{ if（此.$store.state.jwt）{ 这是.$router.push（{path:'/profile'}） }否则{ 这是.$router.push（{path:'/'}） } } } }

有什么问题吗？

请检查此项

如上所述，基本Vue组件可能有一个

模板

、一个

脚本

和一个

样式

标记

在样式标签内，您可以直接放置css或使用

@import

导入css文件，正如@Geraldine Golong的回答所示

因此，我的建议是将css代码放在组件中（如果是这样，建议您放在父组件中），或者使用适当的Vue标记导入css文件

---

希望能有所帮助。

“有什么想法可以解决问题吗？”。在您的css中。搜索

可能是不受支持的css功能，您是否使用filter（）？
<script>
import axios from 'axios'
import MenuWhite from '@/components/MenuWhite.vue'

export default {
  name: 'coursedetailed',
  props: ['id'],
  components: {
    MenuWhite
  },
  data: () => {
    return {
      course: [],
      errors: []
    }
  },
  created () {
    this.getData()
  },
  methods: {
    getData () {
      axios({
        method: 'get',
        url: this.$store.state.endpoints.baseUrl + '/api/courses/' + this.$route.params.id + '/',
        withCredentials: true,
        headers: {
           Authorization: `JWT ${this.$store.state.jwt}`,
          'Content-Type': 'application/json'
        }
      }).then((response) => {
        this.course = response.data
      })
    },
  isToken () {
    if (this.$store.state.jwt) {
      this.$router.push({ path: '/profile' })
    } else {
      this.$router.push({ path: '/' })
    }
  }
 }
}