ParseError: बृहदान्त्र की उम्मीद है (दुर्बल एससीएसएस के साथ शैली) सुगठित इकाई परीक्षण

0

सवाल

मैं कोशिश कर रहा हूँ करने के लिए एक परीक्षण लिखने के लिए जाता है, जो घटक का उपयोग कर एससीएसएस के रूप में डिफ़ॉल्ट स्टाइल । लेकिन परीक्षण के फेंक रहे है त्रुटि में है कि यह समझने में सक्षम नहीं एससीएसएस

myComponent.दुर्बल

<div>Hello <span>world</span></div>
<style>
div {
 padding: 20px;
 span {
  font-weight: bold;
 }
}
</style>

परीक्षण फ़ाइल

// mycomponent.test.js
import { render } from '@testing-library/svelte';
import MyComponent from './MyComponent.svelte';
...
const { component } = render(MyComponent, {});
...

मज़ाक Config

module.exports = {
  transform: {
    '^.+\\.js$': 'babel-jest',
    '^.+\\.svelte$': ['svelte-jester', { preprocess: true, debug: true }],
  },
  moduleFileExtensions: ['js', 'svelte'],
  roots: ['<rootDir>/app/modules'],
  modulePaths: ['<rootDir>/app/modules'],
  moduleDirectories: ['node_modules', 'app/modules'],
  setupFilesAfterEnv: [
    '<rootDir>/app/modules/tests/setupTest.js',
    '@testing-library/jest-dom/extend-expect',
  ],
  clearMocks: true, // Automatically clear mock calls and instances before every test.
};

मैं स्थापित कर रहा हूँ डिफ़ॉल्ट शैली के लिए SCSS में दुर्बल config

svelte.config.js

const preprocess = require('svelte-preprocess');

module.exports = {
  preprocess: preprocess({ defaults: { style: 'scss' } }),
};

त्रुटि ढेर

Colon is expected
4:     padding: 20px;
5: 
6:     span {
              ^
7:       font-weight: bold;
8:     }
ParseError: Colon is expected

      at error (node_modules/svelte/src/compiler/utils/error.ts:25:16)
      at Parser$1.error (node_modules/svelte/src/compiler/parse/index.ts:101:3)
      at Object.read_style [as read] (node_modules/svelte/src/compiler/parse/read/style.ts:31:11)
      at tag (node_modules/svelte/src/compiler/parse/state/tag.ts:189:27)
      at new Parser$1 (node_modules/svelte/src/compiler/parse/index.ts:53:12)
      at parse (node_modules/svelte/src/compiler/parse/index.ts:218:17)
      at Object.compile (node_modules/svelte/src/compiler/compile/index.ts:93:14)
      at compiler (node_modules/svelte-jester/dist/transformer.cjs:135:32)
      at Object.processSync [as process] (node_modules/svelte-jester/dist/transformer.cjs:111:12)
      at ScriptTransformer.transformSource (node_modules/@jest/transform/build/ScriptTransformer.js:464:35)

पुन: पेश करने क्लोन और चलाने के लिए इस रेपो https://github.com/rparsh/svelte-testing-scss

svelte
2021-11-24 05:25:02
1

सबसे अच्छा जवाब

2

जोड़ें lang="scss" करने के लिए <style> tag:

<style lang="scss">
</style>

सामान्य रूप में यह अब और नहीं की सिफारिश का उपयोग करने के लिए डिफ़ॉल्ट भाषा की वजह से इस तरह के मुद्दों. आप यकीन नहीं किया जा सकता है कि सभी टूलींग पारिस्थितिकी तंत्र में पढ़ने का समर्थन करता है चूक. यह भी है क्यों यह सेटिंग से हटा दिया गया था और डॉक्स svelte-preprocess अब प्रिंट एक चेतावनी चाहिए कि आप अब कोई फायदा नहीं है ।

2021-11-24 13:09:27

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में