programing

오류: PostCSS 플러그인을 로드하지 못했습니다. 'postcss-import' 모듈을 찾을 수 없습니다(Vue 2).

copyandpastes 2022. 8. 30. 23:00
반응형

오류: PostCSS 플러그인을 로드하지 못했습니다. 'postcss-import' 모듈을 찾을 수 없습니다(Vue 2).

첫 번째 npm 패키지를 만듭니다.npmjs에 게시했는데, 프로젝트에 패키지를 설치하고 실행한 후 'postcss-import' 모듈이 없다는 오류가 발생했습니다.어디에 어떤 파일에 문제가 있을 수 있습니까?온갖 방법을 다 써봤지만 소용이 없어요.혹시 이 파일들에 무슨 문제가 있는 건 아닐까요?

이게 '패키지'입니다.내 패키지의 json' 파일

{
  "_from": "some_package",
  "_inBundle": false,
  "_integrity": "sha512-***",
  "_location": "/some_package",
  "_phantomChildren": {},
  "_requested": {
    "type": "tag",
    "registry": true,
    "raw": "some_package",
    "name": "some_package",
    "escapedName": "some_package",
    "rawSpec": "",
    "saveSpec": null,
    "fetchSpec": "latest"
  },
  "_requiredBy": [
    "#USER",
    "/"
  ],
  "_resolved": "https://registry.npmjs.org/some_package/-/some_package-1.0.1.tgz",
  "_shasum": "***",
  "_spec": "some_package",
  "_where": "/home/user/vue/projects/package_name",
  "author": "",
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ],
  "bundleDependencies": false,
  "dependencies": {
    "vue": "^2.6.5",
    "vue-browser-detect-plugin": "^0.1.5",
    "vue-element-resize-event": "^0.1.0"
  },
  "deprecated": false,
  "description": "A Vue.js project",
  "devDependencies": {
    "postcss-import": "^11.0.0",
    "postcss-loader": "^2.1.6",
    "postcss-url": "^7.2.1"
  },
  "engines": {
    "node": ">= 6.0.0",
    "npm": ">= 3.0.0"
  },
  "license": "ISC",
  "main": "src/main.js",
  "name": "some_package",
  "private": false,
  "scripts": {
    "build": "node build/build.js",
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev"
  },
  "version": "1.0.8",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/user/some_package.git"
  },
  "bugs": {
    "url": "https://github.com/user/some_package/issues"
  },
  "homepage": "https://github.com/user/some_package#readme"
}

이것은 제 패키지의 '.postcssrc.js' 파일입니다.

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    // to edit target browsers: use "browserslist" field in package.json
    "autoprefixer": {}
  }
}

다음 작업을 수행할 수 있습니다.

npm install --save-dev postcss-import

언급URL : https://stackoverflow.com/questions/58104006/error-loading-postcss-plugin-failed-cannot-find-module-postcss-import-vue-2

반응형