小编San*_*jay的帖子

导入组件时找不到VueJS模块错误

我有一个应用程序,我使用<router-view/>!

我在导入组件时遇到问题router.js。它总是给我以下错误:

These relative modules were not found:

* ./components/Poetry.vue in ./src/router/routes.js
* ./components/PoetryDetails/PoetryCard.vue in ./src/router/routes.js
* ./components/PoetryDetails/Search.vue in ./src/router/routes.js
Run Code Online (Sandbox Code Playgroud)

我有这样的文件夹结构:

??? _components
|   ??? _PoetryDetails
|   |   ???PoetryCard.vue
|   |   ???Search.vue
|   ??? Poetry.vue
??? _router
|   ??? index.js (routes.js is imported in this file)
|   ??? routes.js
??? App.vue
??? main.js
Run Code Online (Sandbox Code Playgroud)

在 中routes.js,我按如下方式导入组件:

import Poetry from './components/Poetry.vue'
import PoetryCard from './components/PoetryDetails/PoetryCard.vue'
import PoetrySearch from './components/PoetryDetails/Search.vue'

export const routes = [
    { path: …
Run Code Online (Sandbox Code Playgroud)

vue.js vue-router vue-component

5
推荐指数
1
解决办法
1万
查看次数

如何删除axios中的控制台错误?

这是我的代码:

async [types.GET_DATA]({commit, state}, data) {
    try {
        const res = await axios.post('/login', {
            email: data.email,
            password: data.password,
        });
        console.log(res)
    } catch(e) {
        if(e.response) {
            console.log(e.response)
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

因此,每当用户发送空字段时,我都会返回 400 Bad Request。axios 所做的是将错误与错误响应一起抛出。我需要做的是删除该控制台错误消息并仅获得错误响应。

我该怎么做?

javascript error-handling console vue.js axios

5
推荐指数
1
解决办法
6090
查看次数

Vue TSX - 如何告诉 Typescript 在可重用组件中允许使用 HTML 属性?

假设我有这个输入组件:

import { defineComponent } from "@vue/runtime-core"

export default defineComponent({
    inheritAttrs: false,
    setup(props, { attrs }) {
        return () => (
            <div>
                <input type="text" {...attrs} />
            </div>
        )
    }
})
Run Code Online (Sandbox Code Playgroud)

现在,我像这样使用这个组件并提供type="password"属性:

import { defineComponent } from "@vue/runtime-core"
import Input from "./components/input"

export default defineComponent({
    setup(props, { attrs }) {
        return () => <Input type="password"></Input>
    }
})
Run Code Online (Sandbox Code Playgroud)

但是打字稿抱怨:

Property 'type' does not exist on type 'IntrinsicAttribute'> & VNodeProps & AllowedComponentProps & ComponentCustomProps>'
Run Code Online (Sandbox Code Playgroud)

jsx typescript vue.js tsx

5
推荐指数
1
解决办法
256
查看次数

使用 Moment 或 Internationalization API 时更正时区列表

当我使用 MomentJS 或 Internationalization API 时,我会得到像ChromeAsia/Katmandu或Asia/CalcuttaChrome一样过时的时区!这些应该输出为Asia/Kathmanduand Asia/Kolkata。

我该如何解决?

javascript php timezone internationalization momentjs

4
推荐指数
1
解决办法
1786
查看次数

如何检查 Vue 中是否存在 prop?

我有一个这样的组件:

<vue-component show></vue-component>
Run Code Online (Sandbox Code Playgroud)

如您所见,有一个show道具。我无法使用,typeof因为它总是undefined没有价值。请帮忙!

javascript vue.js vue-component

4
推荐指数
1
解决办法
4931
查看次数

尽管存在空检查,但 Dart 空安全性会抱怨函数变为空

所以我有一个以下类,它onPressed作为一个可以为空的道具:

class Class1 {
  final Function? onPressed;
  
  const Class1({ this.onPressed });
  
  callMethod() {
    if(onPressed != null) {
      onPressed(); // Complains here
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

如您所见,我检查了是否onPressed为空。但是 dart 仍然抱怨这条消息The function can't be unconditionally invoked because it can be 'null'. (view docs) Try adding a null check ('!').请帮助我。

dart flutter

4
推荐指数
1
解决办法
1316
查看次数

在Vue路由器路径中使用Regex

我正在创建一个大量使用vue路由器的VueJS应用程序.

这是我的结构routes.js:

export const routes = [
    { path: '', component: Poetry, children: [
        { path: '', name: 'poetry', component: PoetryLanding },
        { path: 'poetry/:id', name: 'poetrycard', component: PoetryCard },
        { path: 'poetry/search', name: 'poetrysearch', component: PoetrySearch },
    ]},
]
Run Code Online (Sandbox Code Playgroud)

我想在第二个子组件中使用正则表达式,即poetrycard它只接受作为数字的params(:id).我这样做是因为poetrysearch被/search视为受到影响:id!

我试过了:

{ path: 'poetry/:id/[0-9]/g', name: 'poetrycard', component: PoetryCard }
Run Code Online (Sandbox Code Playgroud)

但这不起作用.请帮忙.

javascript vue.js vue-router

3
推荐指数
1
解决办法
5181
查看次数

如何基于 GestureDetector 句柄在颤动中旋转图像?

我有以下代码:

import 'package:flutter/material.dart';

double ballRadius = 7.5;

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  double finalAngle = 0.0;
  double oldAngle = 0.0;
  double upsetAngle = 0.0;

  double _height = 200;
  double _width = 300;

  Offset centerOfGestureDetector = Offset(ballRadius, ballRadius);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: SafeArea(
          child: // rotate
              Transform.rotate(
            angle: finalAngle,
            child: Stack(
              children: [
                Positioned(
                  top: 50,
                  left: 50 …
Run Code Online (Sandbox Code Playgroud)

dart flutter

3
推荐指数
1
解决办法
487
查看次数

为什么我们需要 ViewModelProvider.Factory 将视图模型传递到屏幕?

我是 Android 开发新手。目前,我正在使用 Jetpack Compose 来构建 Android 应用程序。我也在学习MVVM架构。

对于这种架构,我不明白的一件事是为什么我们需要使用它ViewModelProvider.Factory来将视图模型传递到屏幕。

例如,

取而代之的是,

@Composable
fun HomeScreen() {
    val factory = object : ViewModelProvider.Factory {
        override fun <T : ViewModel?> create(modelClass: Class<T>): T {
            val repository = InMemoryPlantService()

            @Suppress("UNCHECKED_CAST")
            return HomeViewModel(
                plantRepository = repository
            ) as T
        }
    }

    val homeViewModel: HomeViewModel = viewModel(null, factory)

    val currentState: State<HomeViewState> = homeViewModel.viewState.collectAsState()

    HomeScreenScaffold(currentState.value)
}
Run Code Online (Sandbox Code Playgroud)

我们不能这样做吗

@Composable
fun HomeScreen() {
    val repository = InMemoryPlantService()
    val homeViewModel: HomeViewModel = HomeViewModel(
        plantRepository = repository
    )

    val …
Run Code Online (Sandbox Code Playgroud)

android mvvm kotlin android-jetpack-compose

3
推荐指数
1
解决办法
6721
查看次数

如何检查错误类型是否与 Rust 中的特定错误类型匹配?

所以我有这个自定义错误,

use std::fmt;

#[derive(Debug)]
pub enum XError {
  TagNotFound,
}

impl std::error::Error for XError {}

impl fmt::Display for XError {
  fn fmt(&self, f: &mut fmt::Formatter) -> fmt::Result {
    match self {
      XError::TagNotFound => write!(f, "couldn't find tag"),
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

然后我有一个函数pub fn validate() -> Result<String, Box<dyn std::error::Error>>。

现在在我的测试中,如何检查validateis返回的错误XError::TagNotFound?

我尝试做,

let b = validate(param)
  .unwrap_err()
  .downcast_ref::<XError::TagNotFound>();
Run Code Online (Sandbox Code Playgroud)

但我明白了expected type, found variant "XError::TagNotFound" not a type。

rust

3
推荐指数
1
解决办法
1515
查看次数