vue2 npm run build打包后 index.js没有引入js文件

在 Vue2 中，通常我们会在 `main.js` 文件中引入其他 js 文件，然后在模板中使用这些文件中的函数、对象等。当你进行 `npm run build` 打包时，这些 js 文件会被打包进入 `index.js` 中，而不是保留成单独的文件。因此，如果你在打包后的 `index.js` 中没有找到你引入的 js 文件，那么可能是因为在打包过程中出现了错误。

首先，你需要确认你的 js 文件是否被正确地引入了 `main.js` 文件中。如果没有被正确地引入，那么在打包时就不会被包含在 `index.js` 文件中。

其次，你需要检查打包过程中是否出现了错误。你可以在命令行中运行 `npm run build` 命令来进行打包，并查看命令行中输出的信息。如果出现了错误，那么需要修复错误后重新进行打包。

最后，你可以尝试手动将 js 文件打包成单独的文件，然后在模板中引入这些文件。这样可以保证这些 js 文件不会被打包进 `index.js` 文件中，但同时也会增加页面的请求数量和加载时间。

相关问题

vue2中用npm run build打包成dist文件上传服务器后怎么在网址中显示页面名称

在Vue2中使用npm run build打包成dist文件后，可以通过修改服务器的配置文件来实现在网址中显示页面名称。

1. 首先，需要在服务器上配置一个反向代理，将所有请求都转发到index.html文件中。这可以使用Nginx或Apache等Web服务器来实现。

2. 在Vue项目的router.js文件中，可以通过设置路由的base属性来指定页面的访问路径。例如：

const router = new VueRouter({
  mode: 'history',
  base: '/myapp/',
  routes: [
    // ...
  ]
})

这里将base设置为/myapp/，表示所有路由的访问路径都会以/myapp/为前缀。

3. 打包成dist文件后，将dist文件夹上传到服务器的根目录下的myapp文件夹中。

4. 在Nginx的配置文件中，添加如下配置：

location /myapp {
  try_files $uri $uri/ /myapp/index.html;
}

这里的location表示将所有以/myapp开头的请求都转发到/myapp/index.html文件中。如果请求的文件不存在，则返回404错误。如果请求的是一个目录，则自动添加/并尝试查找index.html文件。

5. 重启Nginx服务器，并通过http://yourdomain.com/myapp/访问应用程序。现在，页面名称将显示在网址中，例如：http://yourdomain.com/myapp/home。

vue.js 打包项目 npm run build 一直在building的问题

回答: 当运行`npm run build`时，如果项目卡在building状态不动，有几种解决办法可以尝试。首先，可以找到项目中build目录下的check-versions.js文件，将其中的代码注释掉。这个文件中的代码会检查npm的版本，注释掉后可以避免卡住的问题。\[1\]另外，通过执行`npm run build`时打印的日志可以发现两次打包之前输出了不同的日志，分别是"Building legacy bundle for production..."和"Building module bundle for production..."。这可能是由于项目中使用了不同的打包方式导致的。\[2\]如果以上方法都没有解决问题，还可以尝试在执行build命令时加上`--no-module`参数，即`vue-cli-service build --no-module`。另外，还可以修改项目中的browserslist配置，一般在package.json文件中或者单独的.browserslistrc文件中，添加一个"not ie 11"的配置。这样可以避免在打包过程中出现问题。\[3\]希望这些方法能够帮助你解决vue.js打包项目一直在building的问题。
#### 引用[.reference_title]
- *1* [vue项目在运行npm run build时卡住不动的解决办法](https://blog.csdn.net/rongyuliu951080er/article/details/114026740)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [vue2 项目升级到vue3之后npm run build执行两遍打包](https://blog.csdn.net/weixin_44243061/article/details/124401155)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]