解决npm run start 和 node.js src/main.js 引用资源文件路径不一致问题

解决npm run start 和 node.js src/main.js 引用资源文件路径不一致问题

问题描述

  • 写了一个node.js连接sqlite3数据库的项目,因为数据库sqlite3.db文件相对于根目录和src/main.js路径不一致,打包时总有一种方法失败

分析原因

  • 数据库sqlite3.db文件是相对控制台运行命令的相对路径
  • npm run start 的相对路径是根目录/,
  • src/main.js 的相对路径是根目录/src目录
  • 即使你在package.json 配置了main.js的相对路径,数据库sqlite3.db相对于控制台的路径会发生改变,所以应该修改为相对于当前文件的路径,当前文件的绝对路径不会发生改变
JSON 复制代码
{
  "main": "./src/main.js",
  "scripts": {
  	"start": "node src/main.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "dependencies": {
    "sqlite3": "^5.1.7"
  }
}

解决方法

  • 将数据库sqlite3.db的路径修改为相对于当前目录下的sqlite3.db路径
JavaScript 复制代码
// 打开/创建数据库
//let db = new sqlite3.Database('nav.db'); 

修改为

JavaScript 复制代码
// 显示当前文件的绝对路径
//console.log(__dirname)
// 解决npm和node运行时,数据库路径不一致问题
const databasePath = path.join(__dirname, '', 'nav.db')
let db = new sqlite3.Database(databasePath)

测试

  • 使用命令行测试结果一致
控制台 复制代码
npm run start

或者

控制台 复制代码
node src/main.js

或者

控制台 复制代码
cd src
node main.js
相关推荐
一路向前的月光2 小时前
Vue2中的监听和计算属性的区别
前端·javascript·vue.js
长路 ㅤ   2 小时前
vue-live2d看板娘集成方案设计使用教程
前端·javascript·vue.js·live2d
Fan_web2 小时前
jQuery——事件委托
开发语言·前端·javascript·css·jquery
Jiaberrr3 小时前
Element UI教程:如何将Radio单选框的圆框改为方框
前端·javascript·vue.js·ui·elementui
安冬的码畜日常5 小时前
【D3.js in Action 3 精译_029】3.5 给 D3 条形图加注图表标签(上)
开发语言·前端·javascript·信息可视化·数据可视化·d3.js
太阳花ˉ5 小时前
html+css+js实现step进度条效果
javascript·css·html
john_hjy6 小时前
11. 异步编程
运维·服务器·javascript
风清扬_jd6 小时前
Chromium 中JavaScript Fetch API接口c++代码实现(二)
javascript·c++·chrome
丁总学Java6 小时前
微信小程序-npm支持-如何使用npm包
前端·微信小程序·npm·node.js