小编Chr*_*ras的帖子

Vue.js:在 HMR 上解决的不一致的“未知自定义元素”

我熟悉组件注册。这不是与以下相关的唾手可得的果实:

问题

使用开发服务器时,我在一个组件(现在有几个)中遇到了不一致的“未知自定义元素”问题。这似乎只有在我重新加载页面时才会发生,并且如果我提示开发服务器进行热模块重新加载 (HMR)(即更改模板中的某些内容并保存文件),它将开始正常工作。

  • 成分: PropertyEditForm
  • 进口组件: ViewEditChip
  • ViewEditChip 在其他组件中使用没有问题
  • 我按预期分配组件 PropertyEditForm
    • components: {'view-edit-chip': ViewEditChip} (ts)
  • 如果我触发 HMR,此问题就会消失,但在重新加载应用程序后始终存在

错误:

未知的自定义元素: - 您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。

代码

记住这是使用类组件语法的 TypeScript

ViewEditChip 宣言:

@Component({name: 'view-edit-chip'})
Run Code Online (Sandbox Code Playgroud)

PropertyEditForm宣言:

@Component({
    name: 'property-edit-form',
    components: {
        'view-edit-chip': ViewEditChip
    }
})
Run Code Online (Sandbox Code Playgroud)

PropertyEditForm模板用法:

<view-edit-chip :item.sync="item"></view-edit-chip>
Run Code Online (Sandbox Code Playgroud)

想法

  • 我不确定这是否与它的使用地点或使用方式有关?
  • 我怀疑这是一个与ViewEditChip它本身有关的问题,或者它是重要的,因为它在许多其他地方使用都没有问题。
    • 事实上,大部分结构PropertyEditForm是从其他工作组件复制/粘贴的
  • 网络包问题?

附加信息

随着我的应用程序中越来越多的组件开始出现这种情况。我不知道原因,也无法提出复制案例。所有这些错误仅在网站完全重新加载时发生,并在 HMR 上修复,并且可能会或可能不会发生在相同的组件上,具体取决于它们在应用程序中的使用位置,这对我来说似乎不明智。

例如,我有一个FileSystemTree, FileSystemToolbar, &FileSystemMainView组件。如果我在视图中使用这些,FileSystemView它会按预期工作。如果我FileSystem在与上述三个相同的目录中创建一个, 组件,因此它是可重用的,即使它是从FileSystemView.

有限的解决方法示例

如果我向上移动FileSystem …

javascript typescript webpack vue.js vuetify.js

14
推荐指数
1
解决办法
678
查看次数

React Native 0.57.x <Image />大图像质量低

加载大型捆绑图像时质量确实很低,即使使用时也是如此resizeMethod="resize".这仅在Android上发生,而不在任何iOS模拟器/设备上发生.已经在Android 8.1模拟器和LG G6上使用Android 8.0进行了测试.请看下面的截图.

在左侧屏幕截图中,我们看到与RN 0.56.0运行完全相同的代码,在右侧屏幕截图中我们看到RN 0.57.5.代码只是一个简单的图像<Image source={require('./assets/ELHall1.png')} resizeMethod="resize" />,图像大小是2111 x 4645 pixels.这两个项目都使用react-native init RN057ImageTest和全新安装react-native init --version="0.56.0" RN056ImageTest.

简单的应用程序与图像

...
type Props = {};
export default class App extends Component<Props> {
  render() {
    return (
      <View style={styles.container}>
        {/*<Text style={styles.welcome}>Welcome to React Native!</Text>
        <Text style={styles.instructions}>To get started, edit App.js</Text>
        <Text style={styles.instructions}>{instructions}</Text>*/}
        <Image source={require('./assets/ELHall1.png')} resizeMethod="resize" />
      </View>
    );
  }
}
...
Run Code Online (Sandbox Code Playgroud)

自9月份以来,我已经向RN repo 创建了一个Github问题,但没有人回复,这让我觉得我做错了.是否有新的道具或其他方法使 …

android components bundler reactjs react-native

10
推荐指数
1
解决办法
2185
查看次数

Firestore在更新后获取Field.increment的值而不读取文档数据

有没有一种方法可以检索使用更新的文档字段的更新值firestore.FieldValue.increment而不询问文档?

var countersRef = db.collection('system').doc('counters');

await countersRef.update({
    nextOrderCode: firebase.firestore.FieldValue.increment(1)
});

// Get the updated nextOrderCode without asking for the document data?
Run Code Online (Sandbox Code Playgroud)

这与成本无关,而是为了可靠性。例如,如果我想创建一个为每个订单增加的代码,则不能保证如果>= 2订单同时发生,如果我在文档更新解析后立即读取增量值,则将具有不同的代码,因为如果>= 2写入发生在之前第一次阅读时,至少有 2 个文档将具有相同的代码,即使它们nextOrderCode具有适当的提前增量。

firebase google-cloud-firestore

8
推荐指数
1
解决办法
2798
查看次数

无效的 Redirect_uri 用于使用 react native 登录 instagram

我正在使用react-native-instagram-loginReact Native。

这是我的代码

<InstagramLogin
  ref={instagramLoginRef}
  appId='***********'
  appSecret='*******************'
  scopes={['user_profile', 'user_media']}
  onLoginSuccess={(data) => console.log("Success")}
  onLoginFailure={(data) => console.log("Fail " +  JSON.stringify(data))}
/>
Run Code Online (Sandbox Code Playgroud)

我收到以下错误

{"error_type": "OAuthException", "code": 400, "error_message": "Invalid redirect_uri"}
Run Code Online (Sandbox Code Playgroud)

在 Instagram 开发者控制台中,我应该添加什么作为重定向 Uri,因为这不是网站,而是本机应用程序。

react-native react-native-instagram-login

8
推荐指数
1
解决办法
7849
查看次数

如何向电子应用程序添加图标

我有一个用于 win .exe 和安装程序的电子构建文件,但图标不是我的。在我的 main.js 文件中,我有附加图标的代码,但我只能让它在 createWindow 函数内工作。在函数之外,我收到一条错误消息。.exe 将运行并且我得到我的图标,但我这样做时出错;安装程序根本无法工作。我已经尝试过几个教程,但没有一个能解决这个问题。

主文件

const {app, BrowserWindow, Tray} = require('electron')
const path = require('path')
const url = require('url')

let win

function createWindow () {
  const appIcon = new Tray('icon/app.png')
  win = new BrowserWindow({ width: 1920, height: 1080, icon: 'icon/app.ico' })
  console.log(appIcon, win)
  win.loadURL(url.format({
    pathname: path.join(__dirname, 'app/app.html'),
    protocol: 'file:',
    slashes: true
  }))
  win.on('closed', () => {
    win = null
  })
}

app.on('ready', createWindow)
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
}) …
Run Code Online (Sandbox Code Playgroud)

electron electron-builder electron-packager

7
推荐指数
2
解决办法
2万
查看次数

错误 Firebase 在反序列化时需要一个列表,但得到了一个类 java.util.HashMap

我知道这个错误很流行,我在这里阅读了很多关于它的信息,但我仍然不确定什么对我来说是最好的。

我有这种结构的服务类(POJO):

public class Service {
    private long priceShort;
    private String name;
    private String desc;
    List<String> employees = new ArrayList<>();  //recently added

    public Service() {  //default constructor

    }

    public Service(String name, String desc, long priceShort,ArrayList<String> employees ) {
        this.name = name;
        this.desc = desc;
        this.priceShort = priceShort;
        this.employees = employees;  //recently added
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getDesc() {
        return desc;
    }

    public void setDesc(String desc) …
Run Code Online (Sandbox Code Playgroud)

android firebase firebase-realtime-database

7
推荐指数
0
解决办法
5430
查看次数

我希望第一张图片上有文字,但第二张不要 - 可滑动

我试图做到这一点:我希望第一张图片上有文字,但之后我不希望有文字。我评论的所有内容都是我最初的做法,但已更改以便你们可以查看。请注意这一点,因为它可能会改变我收到的见解。现在我根本没有显示文本。

此外,如果那里的旋转木马增加了太多的注意力,我可以将其删除。

import * as React from 'react';
import {
  Text,
  View,
  StyleSheet,
  Image,
  ScrollView,
  Dimensions,
  ImageBackground,
} from 'react-native';
import Constants from 'expo-constants';

const { width } = Dimensions.get('window');
const height = width * 0.6;

const images = [
  'https://images.pexels.com/photos/2249602/pexels-photo-2249602.jpeg?cs=srgb&dl=pexels-sergio-souza-2249602.jpg&fm=jpg',
  'https://images.pexels.com/photos/3178881/pexels-photo-3178881.jpeg?cs=srgb&dl=pexels-andrew-neel-3178881.jpg&fm=jpg',
  'https://images.pexels.com/photos/4946412/pexels-photo-4946412.jpeg?cs=srgb&dl=pexels-maria-orlova-4946412.jpg&fm=jpg',
  'https://images.pexels.com/photos/4911060/pexels-photo-4911060.jpeg?cs=srgb&dl=pexels-cottonbro-4911060.jpg&fm=jpg',
];

//this is the array I noramlly use. 
//const images = [
//   {id : "1", uri: require('../../assets/placeholder1.jpg'), text: "Test"},
//   {id : "2", uri: require('../../assets/placeholder2.jpg'), /*text: "Test"*/},
//   {id : "3", uri: require('../../assets/placeholder3.jpg'), /*text: "Test"*/}, …
Run Code Online (Sandbox Code Playgroud)

css reactjs react-native

7
推荐指数
1
解决办法
154
查看次数

PHP-phantomjs,避免分页

我正在使用PHP-phantomjs并按照我可以输出pdf和img的文档.http://jonnnnyw.github.io/php-phantomjs/

但我有分页问题.当一个图表在页面的末尾,但溢出时,它将被拆分在另一个页面中,如下面的捕获: 页面捕获

我找到了一些建议:

<div id="main" style="page-break-inside: avoid;"></div>
Run Code Online (Sandbox Code Playgroud)

但它不起作用,或者说我弄错了.如果它是解决方案,那意味着我必须在html的每个元素中写这个?听起来不太好.

php-phantomjs

6
推荐指数
1
解决办法
313
查看次数

Laravel 模型动态属性

我想问如何在模型类上创建动态属性。假设我有一个如下代码所示的表结构。

Schema::create('materials', function (Blueprint $table) {
    $table->increments('id');
    $table->string('sp_number');
    $table->string('factory');
    $table->text('dynamic_fields')->comment('All description of the material will saved as json');
    $table->timestamps();
});
Run Code Online (Sandbox Code Playgroud)

我的表结构中有一个名为“dynamic_fields”的列,它将保存字段的 JSON 字符串。下面是 JSON 结构的示例。

[  
   {  
      "name":"COLOR WAY",
      "value":"ASDFF12"
   },
   {  
      "name":"DESCRIPTION",
      "value":"agg2sd12"
   },
   {  
      "name":"REF NUM",
      "value":"121312"
   }
]
Run Code Online (Sandbox Code Playgroud)

我想从动态字段访问字段,例如“COLOR WAY”。

在我的模型中,我想像这样访问动态字段上的“COLOR WAY”字段

$material->color_way;
Run Code Online (Sandbox Code Playgroud)

有人能告诉我该怎么做吗?

php attributes field dynamic laravel

6
推荐指数
2
解决办法
2万
查看次数

建立 websocket 连接时出错

ws在服务器端使用npm,在客户端使用websocket。

从 node-js 运行此代码时它工作正常,但从浏览器运行它会出现以下错误:

failed: Error in connection establishment: net::ERR_CERT_COMMON_NAME_INVALID
Run Code Online (Sandbox Code Playgroud)
failed: Error in connection establishment: net::ERR_CERT_COMMON_NAME_INVALID
Run Code Online (Sandbox Code Playgroud)

javascript wss websocket

6
推荐指数
1
解决办法
6800
查看次数