Vue: `व्हाट्सएप: 'कंडेन्स' के साथ, तत्वों में केवल शामिल हैं और रिक्त स्थान में रिक्त स्थान घनीभूत हैं

को निर्मित 6 सित॰ 2019 · 6टिप्पणियाँ · स्रोत: vuejs/vue

संस्करण

4.0.0-आरसी 1

प्रजनन लिंक

https://github.com/tobyzerner/vue-cli-nbsp-bug

पर्यावरण की जानकारी

Environment Info:
  System:
    OS: macOS 10.14.6
    CPU: (4) x64 Intel(R) Core(TM) i5-7360U CPU @ 2.30GHz
  Binaries:
    Node: 10.15.3 - /usr/local/bin/node
    Yarn: 1.17.3 - ~/.npm-global/bin/yarn
    npm: 6.11.3 - ~/.npm-global/bin/npm
  Browsers:
    Chrome: 76.0.3809.132
    Firefox: 68.0.2
    Safari: 12.1.2
  npmPackages:
    @vue/babel-helper-vue-jsx-merge-props:  1.0.0
    @vue/babel-plugin-transform-vue-jsx:  1.0.0
    @vue/babel-preset-app:  4.0.0-rc.1
    @vue/babel-preset-jsx:  1.1.0
    @vue/babel-sugar-functional-vue:  1.0.0
    @vue/babel-sugar-inject-h:  1.0.0
    @vue/babel-sugar-v-model:  1.0.0
    @vue/babel-sugar-v-on:  1.1.0
    @vue/cli-overlay:  4.0.0-rc.1
    @vue/cli-plugin-babel: ^4.0.0-rc.1 => 4.0.0-rc.1
    @vue/cli-plugin-eslint: ^4.0.0-rc.1 => 4.0.0-rc.1
    @vue/cli-service: ^4.0.0-rc.1 => 4.0.0-rc.1
    @vue/cli-shared-utils:  4.0.0-rc.1
    @vue/component-compiler-utils:  3.0.0
    @vue/preload-webpack-plugin:  1.1.1
    @vue/web-component-wrapper:  1.2.0
    eslint-plugin-vue: ^5.0.0 => 5.2.3
    vue: ^2.6.10 => 2.6.10
    vue-eslint-parser:  5.0.0
    vue-hot-reload-api:  2.3.3
    vue-loader:  15.7.1
    vue-style-loader:  4.1.2
    vue-template-compiler: ^2.6.10 => 2.6.10
    vue-template-es2015-compiler:  1.9.1
  npmGlobalPackages:
    @vue/cli: 4.0.0-rc.1

प्रजनन करने कि प्रक्रिया

रेपो क्लोन, npm install && npm run serve

क्या उम्मीद है?

टेम्प्लेट में एक   वर्ण वाला स्पैन होता है। इस स्पैन में लाल रंग की पृष्ठभूमि है। इस प्रकार आपको पृष्ठ पर एक छोटा लाल बॉक्स देखना चाहिए।

वास्तव में क्या हो रहा है?

टेम्प्लेट में   को अनदेखा किया जा रहा है और इसे एक सामान्य स्थान में बदल दिया गया है, जिसका अर्थ है कि स्पैन तत्व प्रदर्शित नहीं किया गया है।

मैं इस बग को एक सादे Vue jsfiddle में नहीं दोहरा सकता, और न ही vue-cli के बिना vue-loader का उपयोग करने वाली परियोजना। इस प्रकार मुझे लगता है कि vue-cli में कुछ vue-template-compiler या Vue के बजाय अपराधी हो सकता है।

bug compiler has PR

स्रोत

tobyzerner

👍5

सबसे उपयोगी टिप्पणी

मैंने इस मुद्दे को vue रिपॉजिटरी में स्थानांतरित कर दिया है क्योंकि मेरा मानना है कि यह https://github.com/vuejs/vue/commit/e1abedb9e66b21da8a7e93e175b9dabe334dfebd में शुरू किया गया बग है

Https://github.com/vuejs/vue/issues/9208#issuecomment -477811927 पर एक और बग रिपोर्ट देखें

वर्तमान समाधान:

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config.module
      .rule('vue')
        .use('vue-loader')
          .tap(args => {
            args.compilerOptions.whitespace = 'preserve'
          })
  }
}

sodatea 6 सित॰ 2019

👍11 🎉1

सभी 6 टिप्पणियाँ

Https://github.com/vuejs/vue/issues/9208#issuecomment -477811927 पर एक और बग रिपोर्ट देखें

वर्तमान समाधान:

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config.module
      .rule('vue')
        .use('vue-loader')
          .tap(args => {
            args.compilerOptions.whitespace = 'preserve'
          })
  }
}

sodatea 6 सित॰ 2019

👍11 🎉1

क्या हेयरस्पेस ( &hairsp; ) को भी अनदेखा करना संभव होगा ..?

_edit: क्षमा करें, इस मुद्दे को नहीं देखा लिंक_

naton 31 मार्च 2020

@ नोटन जैसा कि उल्लेख किया गया है, इस पर चर्चा की जानी चाहिए। सोडाडिया ने इस मुद्दे को जोड़ा

LinusBorg 31 मार्च 2020

@LinusBorg यह Vue रेपो नहीं है? जुड़ा हुआ मुद्दा यह है कि 'कंडेंस' को जोड़ने के लिए मूल परिवर्तन क्या यह नहीं है? यह भी बंद है।

हम बस आज इसमें भाग गए और यह पता लगाने की कोशिश कर रहे हैं कि इसके आसपास कैसे काम किया जाए। हमने कुछ स्थानीयकरण स्वचालन में बनाया है जो 'कंडेनस' सेटिंग को मानता है (इवान के सुझाव के आधार पर कि यह 3.x में डिफ़ॉल्ट होगा और क्योंकि मैं संक्षेपण व्यवहार से सहमत हूं)। तो यह संभावित दुष्प्रभावों के बिना संरक्षित करने के लिए वापस स्वैप करना मुश्किल बनाता है।

chrisnicola 9 अप्रैल 2020

ठीक है, ऐसा लगता है कि बस nbsp शामिल नहीं है; किसी तत्व के अंदर समस्या को हल करता है। इसे किसी और के लिए एक नोट के रूप में जोड़ना जो इसमें चलता है।

chrisnicola 9 अप्रैल 2020

मैंने इस मुद्दे को vue रिपॉजिटरी में स्थानांतरित कर दिया है क्योंकि मेरा मानना है कि यह e1abedb में पेश किया गया बग है
# 9208 पर एक और बग रिपोर्ट देखें
वर्तमान समाधान:
// vue.config.js
module.exports = {
  chainWebpack: config => {
    config.module
      .rule('vue')
        .use('vue-loader')
          .tap(args => {
            args.compilerOptions.whitespace = 'preserve'
          })
  }
}

यह Vue 3 के साथ अब और काम नहीं करता है, यह त्रुटि फेंकता है: "TypeError: अपरिभाषित की संपत्ति 'व्हॉट्सएप सेट नहीं कर सकता"। Vue 3 के लिए कोई वर्कअराउंड?

antoniandre 29 सित॰ 2020

👍2 👀1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स