标签: npm-build

我构建了一个库项目（Vue 3、Vite），我想通过package.json.

但我遇到了一个问题，我可以导入组件并使用这些导入的组件运行一个简单的程序，但它们的样式消失了。

请让我知道我的配置有什么问题。当我必须手动将 css 导入到我的宿主项目中时，这是没有意义的。

.css只是为了澄清，我的项目中没有任何源文件。style.css是从我的*.vue组件编译而来的

这是vite.config.ts我的图书馆项目的。我需要导出的所有内容都在src/.

// Library project
import { defineConfig } from "vite"

import vue from "@vitejs/plugin-vue"

import typescript from '@rollup/plugin-typescript';

const path = require("path")
// https://vitejs.dev/config/
export default defineConfig( {
  plugins: [{
    ...typescript( { tsconfig: "./tsconfig.json" } ),
    apply: "build",
    declaration: true,
    declarationDir: "types/",
    rootDir: "/",
  }, vue()],
  resolve: { alias: { "@": path.resolve(__dirname, "./src") } },
  build: {
    lib: {
      entry: path.resolve(__dirname, "src/index.ts"), …

我正在 GitLab 页面上部署我的 Vue.js 项目。

npm run build在 GitLab CI 管道期间运行会导致错误：

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime (88)

我在npm run build本地没有收到任何错误。

感谢有人可以提供帮助。

在 Azure DevOps 中，管道在 npm run 构建步骤失败，间接依赖项之一出现错误（请检查下面的第 18 行）。错误是jest-worker/build/index.js:110 _ending; SyntaxError: Unexpected token ";"

。

是pipeline.yaml这样的：

trigger:
- master

pool:
  vmImage: ubuntu-latest

steps:
- task: NodeTool@0
  inputs:
    versionSpec: '10.x'
  displayName: 'Install Node.js'

- script: |
    npm install
  displayName: 'npm install '

- script: |
    npm run build
  displayName: 'npm run build'
  
- task: ArchiveFiles@2
  inputs:
    rootFolderOrFile: 'build'
    includeRootFolder: true
    archiveType: 'zip'
    archiveFile: '$(Build.ArtifactStagingDirectory)/$(Build.BuildId).zip'
    replaceExistingArchive: true

- task: PublishBuildArtifacts@1
  inputs:
    PathtoPublish: '$(Build.ArtifactStagingDirectory)'
    ArtifactName: 'drop'
    publishLocation: 'Container'

我从reactJs App根文件夹执行了npm命令“npm run build”，并在控制台中生成了以下输出的“build”文件夹。

    File sizes after gzip:

  646.8 KB  build\static\js\2.d370d4e1.chunk.js
  12.46 KB  build\static\js\main.fec451dd.chunk.js
  823 B     build\static\css\main.fc109ae9.chunk.css
  772 B     build\static\js\runtime-main.83c3e0c4.js

The project was built assuming it is hosted at /.
You can control this with the homepage field in your package.json.

The build folder is ready to be deployed.
You may serve it with a static server:

  serve -s build

然后我执行命令“serve -s build”并在控制台中得到以下输出。

INFO: Accepting connections at http://localhost:5000

我可以看到所有未在开发人员工具中缩小的 *.tsx 文件。不确定我做错了什么以及为什么下面提到的“js”文件夹中的文件没有缩小。

包.json

 {
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": …

我正在将反应应用程序部署到 git 中心页面并收到错误。gzip 后的文件大小：

68.67 KB  build\static\js\2.c2c334ae.chunk.js
 2.98 KB  build\static\js\main.8a72b1a2.chunk.js
  774 B   build\static\js\runtime~main.8f8a00a4.js

该项目的构建假设它托管在/sort-customers-list/. 您可以使用package.json.

构建文件夹已准备好部署。要在https://sejob.github.io/sort-customers-list 上发布它，请运行： npm run deploy

在此处了解有关部署的更多信息：

sort-customers-list@0.1.0 deploy 
C:\Users\SeJo\Documents\Code\DEV_HW\sort-customers-list
gh-pages -d build

“文件”参数必须是字符串类型。接收类型未定义

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! sort-customers-list@0.1.0 deploy: `gh-pages -d build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the sort-customers-list@0.1.0 deploy script.
npm ERR! This is probably not a problem with npm. There is likely
additional …

我的错误捕获

./node_modules/@fortawesome/fontawesome-svg-core/styles.css 中的错误（./node_modules/@nuxt/postcss8/node_modules/css-loader/dist/cjs.js??ref--3-oneOf-1- 1！./node_modules/@nuxt/postcss8/node_modules/postcss-loader/dist/cjs.js??ref--3-oneOf-1-2！./node_modules/@fortawesome/fontawesome-svg-core/styles。 css）模块构建失败（来自 ./node_modules/@nuxt/postcss8/node_modules/postcss-loader/dist/cjs.js）：ParserError：语法错误位于第 1 行，第 30 列 /home/simrs/adamklinik/frontend/ node_modules/@fortawesome/fontawesome-svg-core/styles.css:200:3

我使用 nuxt.js 和 tailwind