今天遇到一个问题为 vue请求得到的响应为 We're sorry but demo3 doesn't work properly without JavaScript enabled. Please enable it to continue. ,说我没有启动js

由于测试的时候,没有使用vue-router进行路由

最后百思不得其解,通过 vue create project 创建多个项目进行比对测试,最后终于找到原因,是因为 单文件组件在index.html页面没有使用入口组件,所以才会出现这个问题

main.js文件内容如下

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false


new Vue({
// render: h => h(App),
components:{
App  //在 index.html页面不使用这个组件,就会返回 We're sorry but demo3 doesn't work properly without JavaScript enabled. Please enable it to continue.
}
}).$mount('#app')

如果功能没有受到影响,那么 We're sorry but XXXX doesn't work properly without JavaScript enabled. Please enable it to continue.  这个语句不用管他,为什么不用管他呢,是因为

这个 noscript标签,这个原因是在控制台的response里,通过preview查看,这个功能里是不具备js的功能的,因为这里还没有渲染,仅仅只是response返回的信息的预览;当然,这只是我的猜测,仅供参考

然后如需编译并运行则开启这个参数

runtimeCompiler

Type: boolean

Default: false

是否使用包含运行时编译器的 Vue 构建版本。设置为 true 后你就可以在 Vue 组件中使用 template 选项了,但是这会让你的应用额外增加 10kb 左右。

添加到 vue.config.js文件 或 package.json 文件中,使用vue字段进行配置

vue.config.js

vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段,但是注意这种写法需要你严格遵照 JSON 的格式来写。

--- 2022/08/10 更新

其实 We're sorry but XXXX doesn't work properly without JavaScript enabled. Please enable it to continue 这个问题你一般不会遇到,因为这里的noscript的内容是作为js被禁用的回退内容。

// TODO 以后遇到这个问题会再填充内容。

复制请注明出处,在世界中挣扎的灰太狼