html中<script> window.env = { NODE_ENV: '<%= process.env.NODE_ENV %>' }; </script>,但是window.env.NODE_ENV查找不到
时间: 2024-01-09 16:39:59 浏览: 109
这个问题看起来像是一个模板引擎的语法问题。在这段代码中,可能使用了某个模板引擎来生成 HTML。在模板引擎中,"<%=" 和 "%>" 之间的代码会被执行并替换为相应的值。因此,这个代码片段的意思是将 "process.env.NODE_ENV" 的值赋给 "window.env.NODE_ENV"。
如果在 HTML 页面中查找 "window.env.NODE_ENV" 时找不到它,那么可能是因为代码中使用了异步加载或者在代码中动态生成了这个变量。你可以尝试在页面加载完成后再查找这个变量,或者在代码中打印出 "window.env.NODE_ENV" 的值来查看它是不是被正确地设置了。
相关问题
html中<script> window.env = { NODE_ENV: '<%= process.env.NODE_ENV %>' }; </script>,但是window.env.NODE_ENV打印出来是'<%= process.env.NODE_ENV %>'
这个问题看起来像是模板引擎没有正确解析变量的问题。在这个代码片段中,"<%=" 和 "%>" 之间的代码应该被模板引擎解析并替换成 "process.env.NODE_ENV" 的值。
如果 "window.env.NODE_ENV" 打印出来的确实是 "<%= process.env.NODE_ENV %>" 而不是变量的值,那么可能是因为模板引擎没有正确解析这个变量。你可以检查一下代码中是否正确引入了模板引擎,并且检查一下模板引擎的语法是否正确。
另外,如果你正在本地开发,可能需要在你的本地环境中设置 "process.env.NODE_ENV" 的值,否则它可能会被解析成空字符串。你可以在命令行中设置环境变量,例如:
```
NODE_ENV=development npm start
```
这将在启动应用程序时将 "NODE_ENV" 设置为 "development"。
process.env.NODE_ENV测试环境
process.env.NODE_ENV测试环境的配置可以按照以下步骤进行:
1. 找到build.js文件,将`process.env.NODE_ENV = 'production'`注释掉。
2. 找到webpack.prod.conf.js文件,将`const env = require('../config/prod.env')`修改成动态的`const env = require(`../config/${process.env.NODE_ENV}.env`)`。
3. 在config文件夹中添加test.env.js文件,并在文件中添加以下内容:
```
'use strict'
module.exports = {
NODE_ENV: '"test"'
}
```
4. 安装cross-env模块,因为node没有这个模块,需要运行`npm install --save-dev cross-env`进行安装。
5. 找到package.json文件,修改"scripts"部分如下:
```
"scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"test": "cross-env NODE_ENV=test node build/build.js",
"build": "cross-env NODE_ENV=production node build/build.js"
}
```
完成以上步骤后,你就可以使用`npm run test`来在测试环境中使用代码打包了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue测试环境、正式环境、本地环境 process.env.NODE_ENV](https://blog.csdn.net/sinat_41549289/article/details/116997677)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [深入理解webpack process.env.NODE_ENV配置](https://download.csdn.net/download/weixin_38515897/13131654)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文
相关推荐

















