js 文件修改 网页界面无作用

问题遇到的现象和发生背景

js文件修改 ,但网页不显示修改后的页面?禁用缓存和刷新页面都没有用

问题相关代码,请勿粘贴截图

img

img

运行结果及报错内容

就是这个id标签 绑定的app js文件 我修改这里面的文本参数 但是修改了只会没有作用 还是原文本 这项目是我从GitHub 导下来的

我的解答思路和尝试过的方法

禁用浏览器缓存和刷新页面都没有作用

我想要达到的结果

就是想可以随意更改这个项目的文本参数和照片

你的根目录下有一个package.json,通常在里面的scripts会写编译命令和运行服务命令,你可以看一下一般用npm+命令即可运行
比如里面写
"build": "node build/build.js"
运行用npm run build
然后项目就会编译到dist文件夹里面

这是react代码,不是普通的js代码,是需要编译才能使用的,否则浏览器不识别

这个要下载微信开发者工具之类的调试呢。这个算是小程序,不用编译的。

把package.json里的命令执行一下,可以启动服务查看修改后的内容
如果不知道是哪个命令,可以把里面的内容截图看看,在scripts节点里

package.json打开看下命令
一般
启动服务 npm run dev
编译 npm run build

用工具把es语法法转换成普通的js脚本

img


真心搞不来这个前端的东西,是不能用IDEA进行编译是吧 ,我没有用node

如果没有node环境需要先安装node

npm install 安装项目依赖包,使用npm start运行项目,如果缺少webpack,要进行安装