已经用yarn add js-cookie来安装cookie了，但是在页common.ts引入的时候import Cookies from 'js-cookie';报错无法找到模块“js-cookie”的声明文件

这个错误是因为TypeScript无法找到js-cookie的类型声明文件。你可以通过以下两种方式解决这个问题：

1.安装@types/js-cookie

yarn add @types/js-cookie -D

这个命令会安装js-cookie的类型声明文件，解决找不到声明文件的问题。

2.在tsconfig.json中添加js-cookie的路径

{
  "compilerOptions": {
    "paths": {
      "js-cookie": ["node_modules/js-cookie"]
    }
  }
}

这个方法会告诉TypeScript去node_modules/js-cookie中查找js-cookie的类型声明文件。

相关问题

yarn add postcss-px-to-viewport -D 报错

这个问题可能是由于您的环境没有安装 postcss-loader 导致的。您可以尝试先安装 postcss-loader，再安装 postcss-px-to-viewport。可以使用以下命令进行安装：

yarn add postcss-loader -D
yarn add postcss-px-to-viewport -D

如果还是报错，可以尝试升级您的 yarn 版本或者清除缓存再重新安装。

vue main.js 引入 js-cookie

在Vue项目中引入`js-cookie.js`库来操作cookies，可以按照以下步骤进行：

1. 首先，在`main.js`文件（或`src/main.js`）中安装`js-cookie`作为依赖。你可以通过npm或yarn来安装：

   npm install js-cookie --save
   # 或者
   yarn add js-cookie

2. 安装完成后，导入`js-cookie`并导出一个全局变量供Vue组件访问。这里假设你在`src/util`目录下创建了一个`cookieUtil.js`文件：

   // src/util/cookieUtil.js
   import Cookies from 'js-cookie';

   export default {
     setCookie(key, value, options = {}) {
       Cookies.set(key, value, options);
     },
     getCookie(key) {
       return Cookies.get(key);
     },
     removeCookie(key) {
       Cookies.remove(key);
     }
   };

3. 在`main.js`中，你需要配置Vue实例，使其能够访问这个全局变量：

   // src/main.js
   import Vue from 'vue';
   import App from './App.vue';
   import cookieUtil from '@/util/cookieUtil';

   Vue.prototype.$cookieUtil = cookieUtil;

   new Vue({
     render: h => h(App),
   }).$mount('#app');

现在，你可以在Vue组件内通过`this.$cookieUtil`来操作cookies了。