Compilation failure [ERROR] No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK?

时间: 2023-11-06 09:57:10 浏览: 235

vuex 解决报错this.$store.commit is not a function的方法

Vuex 是 Vue.js 的一个官方状态管理库，它提供了一个集中化的存储空间，使得在复杂的 Vue 应用中管理共享状态变得更加容易。当遇到 `this.$store.commit is not a function` 的错误，通常是因为在尝试调用 Vuex 中的 mutation 方法时，没有正确地配置或引用 store。我们需要确保正确安装了 Vuex。通过运行 `npm install vuex --save` 来添加到项目依赖。接下来，创建一个 `store` 文件夹，并在其中建立 `index.js` 文件，用于定义和导出 store。在 `index.js` 中，初始化 Vuex store： ```javascript import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { bankInf: { name: "我是vuex的第一个数据", id: 100, bankName: "中国银行" } } }) export default store ``` 接着，在 Vue 项目的入口文件（例如 `main.js`）中注册 store，使其对所有组件可见： ```javascript import Vue from 'vue' import App from './App' import router from './router' import store from './store/index' // 引入store new Vue({ el: '#app', router, store, // 注册store template: '<App/>', components: { App } }) ``` 现在，可以在任何组件中访问 store 中的数据，通过计算属性映射 state： ```javascript export default { computed: { bankName() { return this.$store.state.bankInf.bankName; } } } ``` 如果需要修改 store 中的状态，应使用 mutation。在组件中触发 mutation： ```javascript export default { computed: { bankName() { return this.$store.state.bankInf.bankName; }, }, methods: { newBankName() { this.$store.commit('newBankName', this.textValue); } } } ``` 在 `store/index.js` 中定义对应的 mutation： ```javascript const mutations = { newBankName(state, newName) { state.bankInf.bankName = newName; } } export default new Vuex.Store({ state, mutations // 添加mutations }) ``` 这样，当点击按钮时，`newBankName` 方法会被调用，通过 `this.$store.commit` 提交 mutation，改变 store 中的 `bankInf.bankName`。 Vuex 提供了 state（状态）、mutations（状态变更函数）、actions（异步操作）、getters（计算属性）等概念，使得在 Vue 应用中管理状态变得有序和可维护。在使用过程中，注意正确导入、注册 store，以及在组件中正确引用 state 和 commit mutation，避免出现 `this.$store.commit is not a function` 的错误。同时，遵循 Vuex 的单一状态树原则，保持状态的集中管理，有助于提高代码的可读性和可维护性。

Compilation failure [ERROR] No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK? 这个错误通常出现在使用Maven编译项目时，环境缺少编译器。这可能是由于您正在使用JRE而不是JDK所致。JRE(Java Runtime Environment)只提供了Java程序运行的环境，而JDK(Java Development Kit)不仅包含JRE，还包含了用于开发和编译Java程序的工具。确保正确安装并配置了JDK，并且在您的环境变量中正确设置了JAVA_HOME路径。

阅读全文

Compilation failure [ERROR] No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK?

相关推荐

Error:java: Compilation failed: internal java compiler error

IntelliJ IDEA报错Error:java: Compilation failed: internal java compiler error的解决办法

Compilation failure No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK?

maven install Compilation failure No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK?

java.lang.Error: Unresolved compilation problem:

[Help 1] http://cwiki.apache.org/confluence/display/MAVEN/LocalRepositoryNotAccessibleException

基于java的房地产销售管理系统的开题报告.docx

小程序 SKU 组件.zip

海洋温度变化下鲭鱼与鲱鱼迁徙预测模型

账号助手微信小程序.zip

【直扩信号】基于matlab直扩信号产生及抗干扰性能仿真【含Matlab源码 9264期】.zip

迷你博客是一款基于云开发的博客小程序，该小程序完全不依赖任何服务，占用自己的网站、服务器、域名等资源，只需要自己注册小程序账号即可 .zip

基于java的大创管理系统开题报告.docx

基于node的微信小程序反编译工具，在前人的基础上修复了几个程序报错问题 .zip

【java毕业设计】粮食仓库管理系统源码（springboot+前端+mysql+说明文档+LW）.zip

铭瑄巨无霸120g量产工具，开卡工具

最新推荐

基于java的房地产销售管理系统的开题报告.docx

小程序 SKU 组件.zip

海洋温度变化下鲭鱼与鲱鱼迁徙预测模型

账号助手微信小程序.zip

【直扩信号】基于matlab直扩信号产生及抗干扰性能仿真【含Matlab源码 9264期】.zip

Python中快速友好的MessagePack序列化库msgspec

管理建模和仿真的文件

STM32 HAL库函数手册精读：最佳实践与案例分析

如何利用FineReport提供的预览模式来优化报表设计，并确保最终用户获得最佳的交互体验？

大学生社团管理系统设计与实现