NO LONGER MAINTAINED: Please migrate to http://chat.vuejs.org/ for the new and improved community chat
Hello. What is the answer to this issue?
I try to use vue.config.js :
module.exports = {
productionSourceMap: false,
// exclude third party packages
config.externals = {
vue: "Vue",
"vue-router": "VueRouter",
vuex: "Vuex",
"vue-worker": "VueWorker",
"element-plus": "ElementPlus",
};
},
};But this does not work
https://github.com/linrongbin16/financial_tools_app3
index.html is look like this:<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- cdn import -->
<!-- vue -->
<script src="https://cdn.jsdelivr.net/npm/vue@3.2.8/dist/vue.global.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-router@4.0.11/dist/vue-router.global.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuex@4.0.2/dist/vuex.global.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-class-component@8.0.0-rc.1/dist/vue-class-component.global.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-plus@1.1.0-beta.8/dist/index.css">
<script src="https://cdn.jsdelivr.net/npm/element-plus@1.1.0-beta.8/lib/index.js"></script>
<!-- cdn import -->
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>Financial Tools</title>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
I got serious problem.
nuxt.js layout/default.vue
<template>
<div>
<Nuxt />
</div>
</template>
<script>
export default {
methods: {
async logout() {
await this.$auth.logout();
},
}
}
</script>
<style>
@import '~/assets/css/bulma.css';
@import '~/assets/css/fontawesome.min.css';
</style>
index.vue call signin link
<NuxtLink to="/login" class="navbar-item" v-if="!isAuth">
Sign in
</NuxtLink>
Hi everyone. I hope someone can help me with the inject reactive. It works on most components. But for some unknown reason, it breaks on a single component.
// component-A.vue
@Component({ name: 'ComponentA' })
export default class ComponentA extends Vue {
private clientId = null
@ProvideReactive('clientId')
get id(): number {
if (this.clientId) return this.clientId
}
...
}
// component-B.vue
@Component({ name: 'ComponentB' })
export default class ComponentB extends Vue {
@InjectReactive('clientId')
private readonly clientId!: Number
...
}this will throw an error [Vue warn]: Injection "__reactiveInject__" not found
- :coordinates.sync="locations"
+ :coordinates.sync="location"
