Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

2.0.0-beta.2 -> Fails to compile any css on build. Works on Dev. #1306

Closed
cliqer opened this issue Jan 3, 2021 · 1 comment
Closed

2.0.0-beta.2 -> Fails to compile any css on build. Works on Dev. #1306

cliqer opened this issue Jan 3, 2021 · 1 comment

Comments

@cliqer
Copy link

cliqer commented Jan 3, 2021

Describe the bug

Very simple vite 2.0.0-beta.2 project fails to build when any CSS is required or in <style/> and throws an error. On Dev works perfectly well:

[vite:css] parent.eval is not a function
file: /Users/me/WebstormProjects/vite2/src/App.vue?vue&type=style&index=0&lang.css
error during build:
TypeError: parent.eval is not a function
    at importFresh (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:15533:67)
    at loadJs (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:24829:18)
    at Explorer.loadFileContent (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.j
s:25312:32)
    at Explorer.createCosmiconfigResult (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff
3dcb8d.js:25317:36)
    at Explorer.loadSearchPlace (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.j
s:25298:31)
    at async Explorer.searchDirectory (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3d
cb8d.js:25283:27)
    at async run (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:25263:22)
    at async cacheWrapper (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:2511
5:18)
    at async Explorer.search (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:2
5255:20)
    at async loadPostcssConfig (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js
:29819:39)
    at async compileCSS (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:29709:
27)
    at async Object.transform (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:
29530:48)
    at async ModuleLoader.addModuleSource (C:\Users\me\WebstormProjects\vite2\node_modules\rollup\dist\shared\rollup.
js:18319:30)
    at async ModuleLoader.fetchModule (C:\Users\me\WebstormProjects\vite2\node_modules\rollup\dist\shared\rollup.js:1
8375:9)
    at async Promise.all (index 3)
    at async ModuleLoader.fetchStaticDependencies (C:\Users\me\WebstormProjects\vite2\node_modules\rollup\dist\shared
\rollup.js:18400:34)
error Command failed with exit code 1.

Reproduction

https://github.com/cliqer/vite2-tailwind

System Info

  • required vite version: 2.0.0-beta.2
  • required Operating System: Windows 10 LTSC
  • required Node version: LTS 14.15.3
  • Optional:
    • npm/yarn version: 1.22.5
    • Installed vue version (from yarn.lock or package-lock.json)
    • Installed @vue/compiler-sfc version

Logs (Optional if provided reproduction)

vite build --debug
  vite:config bundled config file loaded in 168ms +0ms
  vite:config using resolved config: {
  vite:config   server: { port: 3005 },
  vite:config   plugins: [
  vite:config     'alias',
  vite:config     'vite:resolve',
  vite:config     'vite:html',
  vite:config     'vite:css',
  vite:config     'vite:esbuild',
  vite:config     'json',
  vite:config     'vite:wasm',
  vite:config     'vite:worker',
  vite:config     'vite:asset',
  vite:config     'vite:vue',
  vite:config     'vite:css-post',
  vite:config     'commonjs',
  vite:config     'vite:build-html',
  vite:config     'vite:define',
  vite:config     'rollup-plugin-dynamic-import-variables',
  vite:config     'vite:esbuild-transpile',
  vite:config     'vite:terser',
  vite:config     'vite:size'
  vite:config   ],
  vite:config   optimizeDeps: { exclude: [ 'peerjs' ] },
  vite:config   build: {
  vite:config     base: '/',
  vite:config     target: 'es2019',
  vite:config     outDir: 'dist',
  vite:config     assetsDir: 'assets',
  vite:config     assetsInlineLimit: 4096,
  vite:config     cssCodeSplit: true,
  vite:config     sourcemap: false,
  vite:config     rollupOptions: {},
  vite:config     minify: 'terser',
  vite:config     terserOptions: {},
  vite:config     write: true,
  vite:config     manifest: false,
  vite:config     lib: false
  vite:config   },
  vite:config   mode: 'production',
  vite:config   define: { __VUE_OPTIONS_API__: true, __VUE_PROD_DEVTOOLS__: false },
  vite:config   configPath: '/Users/me/WebstormProjects/vite2/vite.config.js',
  vite:config   inlineConfig: {
  vite:config     root: undefined,
  vite:config     mode: 'production',
  vite:config     logLevel: undefined,
  vite:config     build: {}
  vite:config   },
  vite:config   root: '/Users/me/WebstormProjects/vite2',
  vite:config   command: 'build',
  vite:config   isProduction: true,
  vite:config   optimizeCacheDir: '\\Users\\me\\WebstormProjects\\vite2\\node_modules\\.vite',
  vite:config   alias: [
  vite:config     {
  vite:config       find: /^\/@vite\//,
  vite:config       replacement: 'C:\\Users\\me\\WebstormProjects\\vite2\\node_modules\\vite\\dist\\client/'
  vite:config     }
  vite:config   ],
  vite:config   env: { BASE_URL: '/', MODE: 'production', DEV: false, PROD: true },
  vite:config   assetsInclude: [Function: assetsInclude],
  vite:config   transformInclude: [Function: transformInclude],
  vite:config   logger: {
  vite:config     info: [Function: info],
  vite:config     warn: [Function: warn],
  vite:config     error: [Function: error],
  vite:config     clearScreen: [Function: clearScreen]
  vite:config   }
  vite:config } +4ms
building for production...
[@vue/compiler-sfc] <script setup> is still an experimental proposal.
Follow its status at https://github.com/vuejs/rfcs/pull/227.

[@vue/compiler-sfc] When using experimental features,
it is recommended to pin your vue dependencies to exact versions to avoid breakage.

[vite:css] parent.eval is not a function
file: /Users/me/WebstormProjects/vite2/src/App.vue?vue&type=style&index=0&lang.css
error during build:
TypeError: parent.eval is not a function
    at importFresh (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:15533:67)
    at loadJs (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:24829:18)
    at Explorer.loadFileContent (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.j
s:25312:32)
    at Explorer.createCosmiconfigResult (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff
3dcb8d.js:25317:36)
    at Explorer.loadSearchPlace (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.j
s:25298:31)
    at Explorer.searchDirectory (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.j
s:25283:27)
    at run (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:25263:22)
    at cacheWrapper (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:25115:18)
    at Explorer.search (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:25255:2
0)
    at loadPostcssConfig (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:29819
:39)
    at compileCSS (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:29709:27)
    at Object.transform (C:\Users\me\WebstormProjects\vite2\node_modules\vite\dist\node\chunks\dep-ff3dcb8d.js:29530:
48)
    at ModuleLoader.addModuleSource (C:\Users\me\WebstormProjects\vite2\node_modules\rollup\dist\shared\rollup.js:183
19:30)
    at ModuleLoader.fetchModule (C:\Users\me\WebstormProjects\vite2\node_modules\rollup\dist\shared\rollup.js:18375:9
)
    at async Promise.all (index 3)
    at ModuleLoader.fetchStaticDependencies (C:\Users\me\WebstormProjects\vite2\node_modules\rollup\dist\shared\rollu
p.js:18400:34)
@cliqer
Copy link
Author

cliqer commented Jan 3, 2021

Thank you Evan! You are amazing.

@github-actions github-actions bot locked and limited conversation to collaborators Jul 16, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

1 participant