SCSS/SASS not working in micro frontend using React

Hello, I'm new to MicroFrontEnd in ReactJS. I'm trying to use MicroFrontEnd in ReactJS to handle SCSS. I have 2 files. 1: _variable.scss 2: styles.scss Below is the code I want to use in my application. //_variable.scss$base-color:#c6538c;:export{baseColor:$base-color;}//style.scss@i

P粉106301763 2023-09-16 20:36:18 0 1 294

Problems encountered when using export default in Vue

Code Error I tried running the above code but it doesn't work and I don't see anything in the browser. Is there any other way to write the code in ? What I learned is that the function is placed in exportdefault{name:'App',//code} because when I enter anything else...

P粉769413355 2023-09-12 17:20:02 0 1 286

The project has been running well, but suddenly this error appeared, Uncaught SyntaxError: ambiguous indirect export: getFirestore, for unknown reasons

My project uses Firebase as backend, this is the configuration file: import{initializeApp}from"firebase/app";import{getAuth}from"firebase/auth";import{getFirestore}from"firebase/firestore";import{getStorage }from&q

P粉790819727 2023-09-04 22:24:44 0 1 285

Compilation error: Arrow functions must be exported as module default before assigning them to variables

The following error occurred while compiling: A warning occurred while compiling. The first character in line 4 of src/Task.js: assign the arrow function to a variable and then export it as the module default value import/no-anonymous-default-exportsrc/TaskList.js The first character in line 4: assi...

P粉760675452 2023-08-30 13:05:14 0 1 232

Chrome Extension: Import ES6 modules in content scripts

In Chrome 61, support for JavaScript modules was added. Now I'm running Chrome63. I'm trying to use import/export syntax in a Chrome extension content script to consume modules. In manifest.json: "content_scripts":[{"js":["content.js"],}] In my-script.js (with content

P粉141035089 2023-08-27 22:19:00 0 2 241

How the "Use Client" directive works in Next.js 13

I'm trying to learn about server side rendering using Next.js13.4 and the new app/ directory. As far as I understand, by default every component is a server component (i.e. rendered server side). However, we can use the 'useclient' directive to force the component to become a client component. Below...

P粉044526217 2023-08-26 21:55:31 0 1 207

Set default values for optional URL parameters in Vue Router while having independent optional URL parameters.

I have the following routes: export const personRoutes: RouteRecordRaw[] = [ { path: '/person/:id?/:handedSlug?', name: 'Person', component: () => import('./view/person'), }, ]; I have a method that accepts a filter bar

P粉377412096 2023-08-03 19:31:32 0 1 268

Using localStorage in Vue. Where do I need to use it?

I want to use local storage so the data is saved when the page reloads. I'm using Vuex to determine if a person is registered. I want the person to be registered when the page loads. My Vuex code is as follows: export default { state: { isRegistered: false }, actions: { registrate({ commit }) { comm...

P粉122932466 2023-08-03 18:43:43 0 1 220

Achieve enhanced composition and responsiveness with Vue.js 3.

Given the following combined 'useNumbers.js' in Vue.js 3, I want to make 'numbers' responsive in the component. However, adding a new value to 'numbers' in one component will not be reflected in the second component. useNumbers.js: import { ref } from 'vue'; export default function() { const...

P粉935883292 2023-08-03 15:58:35 0 2 290

Vue2 to Vue3 migration - How to update mixins added in Vue2 components in Vue3's setup API.

We are initially migrating our application from Vue2 to Vue3, some components have mixins added, and I want to know how to add these mixins in Vue3. I tried several solutions but didn't find a special hook corresponding to `mixins: []` in `export default` in Vue2.

P粉988025835 2023-07-28 20:19:28 0 1 260

Translation: React - TypeScript destructuring assignment of props

I have a function: export function getSubjectsForStudent(data: any): any[]. The "data" parameter is what I receive from an external source and defining a strong type is not feasible. "return" is derived from "data", so it is also of type any. A "Main" componen...

P粉071602406 2023-07-27 16:35:13 0 2 209

Generate multiple NextJS components

I'm learning NextJS, and I want to create a website that showcases multiple projects I've created with NextJS. I have a component called "Tag" which is a button template with custom text and I want to pass it via props: export default function Tag({val}) { return ({val}) } Then, in In my B...

P粉513318114 2023-07-19 18:17:07 0 1 249

Setting serverId and serverStatus appears no reference founded for serverId

export class ServerComponent{ serverId:number =100; serverStatus:string= '离线';}

2018-09-25 10:20:12 0 0 992

javascript - The output value of es6 module loading export is a bit unclear

Why does this give an error? Why is this OK? What is the function of those curly brackets? Is this the syntax?

淡淡烟草味 2017-07-05 10:53:10 0 3 666

javascript - I don't quite understand what the form of function parameters means

export class HashHistory extends History { constructor (router: VueRouter, base: ?string, fallback: boolean) { {code...} } What does the key-value pair format in the constructor parameter in the above code mean when it is written, where " base: ? ...

为情所困 2017-07-05 10:47:09 0 2 640

javascript - vue prompts a syntax error, where is the error?

The problem has been solved, I forgot to write export default. . . .

代言 2017-06-28 09:29:03 0 5 633

javascript - export method reports an error of undefined after exporting

Because jquery was not integrated at the beginning of the project, many methods were written natively. Today I went online to find a few methods for manipulating class names, as follows: {Code...} But when I use them, I always get an error, as follows: {Code...} I debugged with breakpoints, but it s...

高洛峰 2017-06-26 10:57:31 0 2 804

javascript - Error reporting when using reaaft route

The page introduces react route {code...} but it keeps prompting an error, 'react-router' does not contain an export named 'browserHistory'. My previous project used history={browserHistory}. How can I modify this? What dependencies are missing? ?

三叔 2017-06-26 10:54:49 0 1 674

How to dynamically export in typescript - Stack Overflow

Not long after I came into contact with typescript, I now need to rewrite the previous project using ts. I encountered a problem: the ORM of the db in the project needs to be instantiated before it can be used. The instructions are difficult. Please see the original js code: {code...} below ts code ...

漂亮男人 2017-06-26 10:53:08 0 3 759

javascript - About es6 module issues, file import and export

When trying the es6 module, the following problem occurred when running node main: (function (exports, require, module, __filename, __dirname) { import myFunc from 'myFunc'; {code...} SyntaxError: Unexpected token import two ...

曾经蜡笔没有小新 2017-06-26 10:50:41 0 2 616